帝可得系统学习

帝可得是一个基于物联网概念下的智能售货机运营管理系统

1.下载dkd-parent-master，下载redis，运行，jdk改成17，语言级别改成17，运行主函数

2.下载dkd-vue-master，启动成功

产品原型：帝可得 - 产品原型 - 腾讯 CoDesign

• api：存放与后端接口交互的代码，比如封装的接口请求函数 。
• assets：存放静态资源，如图片、字体、样式文件等。
• components：放置可复用的 Vue 组件，方便在不同页面中调用。
• directive：用于存放自定义指令，自定义指令可以扩展 Vue 的功能。
• layout：保存页面布局相关代码，如设置页面的整体框架、导航栏等结构。
• plugins：存放项目中使用的插件相关代码，比如对第三方库进行初始化配置。
• router：管理路由配置，定义不同路径对应的页面展示。
• store：在 Vuex 架构下，用于管理应用的状态，方便组件间共享数据。
• utils：放置工具函数，例如数据处理、格式化等功能的函数。
• views：存放页面级别的组件，代表应用中的各个页面。

实战篇；

1.点位管理

（1）库表设计

设置区域管理、点位管理、合作商管理的库表，

根据页面原型提取主要字段

AI生成数据库的三张表：

（2）生成基础代码

1.创建点位管理一级菜单

2.添加商圈类型的数据字典（静态数据文字不存在数据库中，避免占据内存）

先添加字典，再点进字典添加具体字典数据

3.配置三张表的生成信息

根据页面原型进行配置

导入三张表，

插入：新增时填的东西

编辑：修改时填的东西、

列表：在页面显示的东西

查询：根据哪个参数查询

包的路径改成manage，这个二级菜单是在manage路径下面的，生成功能名就是页面显示的，上级菜单选它的一级菜单

4.下载代码到项目

三个sql脚本放入datagirp运行，vue中api,views中分别有文件夹，粘贴到前端对应的部分，

main中的两个文件夹，打开manage--src-main-java的资源管理器复制进去

（3）区域管理改造

 显示点位数的方法：

选择第二种，避免维护额外字段的麻烦，并确保准确性

（4）合作商管理改造

合作商名称没有显示在一行，

改上面label的width。

icon是按钮前面的图标

产品原型的新增和修改的dialog不一样，

但是组件中两个用了同一个dialog，方法是在修改页面不显示的字段加上el-if

数据库中的密码字段未加密，不安全，使用若依内置的spring-security

在service中的PartnerServiceImpl进行加密处理

前端添加“查看详情”

v-hasPermi是权限校验，填入的东西在后端的controller中

写完按钮后再写函数

然后是模态框：

（5）点位管理改造