- 博客(110)
- 收藏
- 关注

原创 超详细超实用!!!AI编程之cursor编写设计模式接口隔离原则实例(七)
客户端不应该被迫依赖于它不使用的方法,一个类对另一个类的依赖应该建立在最小的接口上。要为各个类建立它们需要的专用接口,而不要试图去建立一个很庞大的接口供所有依赖它的类去调用。单一职责原则注重的是职责,而接口隔离原则注重的是对接口依赖的隔离。单一职责原则主要是约束类,它针对的是程序中的实现和细节;接口隔离原则主要约束接口,主要针对抽象和程序整体框架的构建。
2024-09-25 11:17:21
1252

原创 超详细超实用!!!AI编程之cursor编写设计模式开闭原则实例(四)
当应用的需求改变时,在不修改软件实体(项目模块、类、接口方法)的源代码或者二进制代码的前提下,可以扩展模块的功能,使其满足新的需求。即软件实体应当对扩展开放,对修改关闭Shape 接口定义了一个计算面积的方法。
2024-09-24 13:57:50
1112

原创 超详细超实用!!!常用开发设计模式总览(一)
单例(Singleton)模式:某个类只能生成一个实例,该类提供了一个全局访问点供外部获取该实例,其拓展是有限多例模式。原型(Prototype)模式:将一个对象作为原型,通过对其进行复制而克隆出多个和原型类似的新实例。工厂方法(Factory Method)模式:定义一个用于创建产品的接口,由子类决定生产什么产品。抽象工厂(AbstractFactory)模式:提供一个创建产品族的接口,其每个子类可以生产一系列相关的产品。
2024-09-24 12:01:23
1429

原创 超详细超实用!!!零基础java开发之云风笔记笔记列表接口开发(七)
云风网云风笔记云风知识库添加笔记所需要的字段属性主要有:2、新建note/Response类,用来处理返回信息其中result是为了后面笔记列表接口数据做准备二、服务包service下新建NoteApi定义接口三、在 impl 软件包下新建 NoteServiceImpl类来实现接口。四、软件包mapper下创建NoteMapper类五、编写sql逻辑在 resources/mapper 文件夹下新建相关的 NoteMapper.xml 文件六、数据库新建表note八、验证接
2024-09-13 15:01:19
668

原创 超详细超实用!!!零基础java开发之云风笔记登录、注册接口开发(六)
之前我们实现了java如何链接数据库,接下来就开始尝试进行业务逻辑接口开发,主要进行登录和注册接口的开发。
2024-09-11 18:32:38
392

原创 超详细!!!electron-vite-vue开发桌面应用之创建新窗口以及主进程和子进程的通信监听(十二)
,});.webContents.send("to-child-count", '金额:'+count++);}, 1000);});
2024-09-06 17:08:59
1235

原创 超详细超实用!!!java开发之接口开发链接数据库(五)
日常项目接口开发,基本都是通过数据库获取存储数据通过接口反馈给前端,所以我们需要给项目连接上数据库。
2024-08-30 13:03:41
493

原创 超详细超实用!!!java开发之从零开始搭建项目(四)
需要把属性数据类型声明在属性前,例如String name格式 :public void 方法名(数据类型 变量名){·······}格式(单个参数):public static void 方法名(数据类型 变量名){·······}格式(多个参数):public static void 方法名(数据类型 变量名1 数据类型 变量名2,···){·······}这里可以发现声明中static可有可无,那么需要了解具体的区别。
2024-08-29 18:46:56
1884

原创 超详细!!!electron-vite-vue开发桌面应用之环境变量配置(十一)
在开发项目时,我们一般需要搭建不同环境下的配置参数,通过环境变量来区分是在构建正式环境还是开发环境。Vite使用.env文件来定义环境变量,并且可以通过.env.local、.env.[mode]和.env.[mode].local文件来对不同环境进行配置。
2024-08-19 15:23:13
1708
2

原创 超详细!!!electron-vite-vue开发桌面应用之axios接口请求封装(十)
开发项目必然少不了通过接口获取获取,这就用到了axios。
2024-08-16 17:28:06
554
3

原创 超详细!!!electron-vite-vue开发桌面应用之配置css预处理器sass(七)
CSS 预处理器是一种将预先定义的语法和功能添加到 CSS中的工具。它们允许开发人员使用变量、嵌套规则、混合、继承等功能,以更高效和可维护的方式编写样式表,其中常用的有sass/less/stylus,这里采用的sass方案。
2024-08-16 11:54:29
723

原创 超详细!!!electron-vite-vue开发桌面应用之layout布局(九)
设置完基本的路由之后,接下来就可以进行常规的layout页面布局改造了。
2024-08-15 18:35:30
319

原创 超详细!!!electron-vite-vue开发桌面应用之Electron自定义头部菜单栏(六)
上篇配置完路由基本可以进行业务逻辑界面开发了,但是对于头部存在的菜单栏明显是不符合需求的,这里可以配置隐藏。也可以通过配置参数frame:false实现整体隐藏。
2024-08-15 10:43:21
1084

原创 超详细!!!electron-vite-vue开发桌面应用之配置路由router(五)
在src下新建一个router目录,然后在里面添加一个index.ts文件,在里面配置路由。在src下的main.ts中引入路由。在App.vue中使用路由。点击标签相互路由跳转。
2024-08-14 18:28:12
1019
1

原创 超详细!!!electron-vite-vue开发桌面应用之引入UI组件库element-plus(四)
unplugin-auto-import是一个用于Vue.js的插件,它可以自动导入Vue.js的相关API,如Vue自身,Vue的RFC(响应式),Composition API,以及其他一些常用的Vue功能。unplugin-vue-components是一个用于Vue.js的插件,它允许你导入Vue组件,而不需要在你的代码中显式地导入它们。这个插件可以让你按需导入组件,从而减少初始加载大小。
2024-08-14 15:41:35
1249

原创 超详细!!!electron-vite-vue开发桌面应用之Electron Forge打包项目(三)
这个报错信息表明你正在使用的 forge.config.js 文件被当作一个ES模块文件处理,因为它是一个.js扩展名的文件,并且在文件内部使用了ES模块的语法(例如 import, export 等)如果你想要 forge.config.js 被当作CommonJS模块处理,你可以将文件扩展名改为 .cjs,Node.js 会默认将。这里直接将forge.config.js改为forge.config.cjs,再次运行npm run start,打开出现白屏。.cjs 文件作为CommonJS模块处理。
2024-08-14 13:52:10
1095
2

原创 超详细!!!electron-vite-vue开发桌面应用之开启调试工具(二)
上篇已经初步搭建完项目,这次配置比较重要的一部分,那就是开启调试工具,这是开发项目比较重要且基础的部分。文件,添加开启工具的代码。
2024-08-08 18:35:45
922

原创 超详细!!!electron-vite-vue开发桌面应用之项目环境搭建(一)
这是electron的安装并不依赖本地npm中registry所配置的镜像,需要增加名称为electron_mirror的镜像源。执行npm install可能会报错。
2024-08-08 18:23:24
819

原创 路由配置修改(五)
其中针对多语言,name的应用相当关键。name 配置路由的标题,默认读取国际化文件 menu.ts 中 menu.xxxx 的值,如配置。name 为 login,则读取 menu.ts 中 menu.login 的取值作为标题。最终呈现效果就是自定义的一样。
2024-08-02 18:16:20
740

原创 登录用户信息处理(三)
查看mock/user.ts文件中/api/currentUser接口返回信息,用户名字段为name,咱们自己的接口数据用户名为username。这里有多种方法解决,可以进行替换,也可以直接赋值添加name字段,这里采用直接替换。至此登录用户信息以及退出登录按钮正常显示。这里登录用户名称替换完成。这里暂时采用静态图片地址。
2024-07-31 14:44:29
347

原创 antd pro实现后台管理系统的建立(一)
一系列的 lint 脚本,包括 TypeScript,less,css,md 文件。analyze 脚本做的事情与 build 的相同,但是他会打开一个页面来展示你的依赖信息。这里建议使用npm或者tyarn,cnpm和npm部分不兼容,创建项目时会报部分依赖缺失的问题。运行这个脚本会启动服务,自动打开默认浏览器展示你的页面。当你重新编辑代码后,页面还会自动刷新。运行这个脚本将会编译你的项目,你可以在项目中的 dist 目录中找到编译后的文件用于部署。与 lint 相同,但是会自动修复 lint 的错误。
2024-07-30 13:03:54
479

原创 个人建站前端篇(五)插件unplugin-vue-components的使用
unplugin-vue-components 插件可以在Vue文件中自动引入组件(包括项目自身的组件和各种组件库中的组件)使用此插件后,不需要手动编写 import { Button } from 'ant-design-vue’这样的代码了,插件会自动识别 template中使用的自定义组件并自动注册。当你使用unplugin-vue-components来引入ui库的时候,message, notification 等引入样式不生效。
2024-02-20 17:39:03
2932

原创 个人建站前端篇(六)插件unplugin-auto-import的使用
vue3日常项目中定义变量需要引入ref,reactive等等比较麻烦,可以通过unplugin-auto-import给我们自动引入解决了vue3-hook、vue-router、useVue等多个插件的自动导入,也支持自定义插件的自动导入,是一个功能强大的typescript支持工具。
2024-02-20 17:26:57
2160

原创 个人建站前端篇(二)项目采用服务端渲染SSR
最后将项目部署到生产环境上,执行npm run build打包,然后将dist文件夹下的内容复制到服务器上,启动server.js启动服务,访问项目,查看效果。进行代码改造,在 src 目录下新建entry-client.ts和entry-server.ts两个入口文件。修改main.ts文件,将Vue应用的入口文件改为entry-server.ts。其中entry-client.ts文件内容如下。最后在项目根目录新建启动文件server.js。entry-server.ts文件内容如下。
2024-01-31 16:21:41
2087

原创 个人建站前端篇(一)项目准备初始化以及远程仓库连接
Vite 需要 Node.js 版本 18+,20+。然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。新建dev分支,提交代码到gitee仓库,执行以下命令,提交代码到gitee仓库,并推送到远程仓库。这里项目根目录会生成directory.md文件,里面会列出项目的目录结构,方便我们查看项目结构。打开git bash,进入webSiteVue文件夹,执行以下命令。在gitee上创建一个新的仓库,命名为website。
2024-01-30 13:27:04
510

原创 云风网(www.niech.cn)个人网站搭建(九)html静态菜单列表替换为接口请求动态数据
至此,网站的初步部署已经完成, 云风网 正常访问。接下来采用 vue3.0 完成前端部分的改造,以及后续接口分页等功能的完善,未完待续!之前部署的网站 html 内容都是静态写死的,现在需要替换为接口获取数据展示。这些重复的代码结构简化为动态数据循环渲染。
2024-01-22 18:01:43
580

原创 云风网(www.niech.cn)个人网站搭建(八)服务器部署接口测试请求
将之前测试的 html 文件中http://127.0.0.1:8090/地址改成云服务器外网地址,同时需要安全组需要开放 8090 端口接下来根据步骤进行测试。
2024-01-22 17:58:25
433
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人