开场白
2024近一年来都一直在探索如何利用AI来”降本增效“，提升前端团队的整体开发效率，从最初的”文心一言“，到基于”kimi“实现代码的自动生成，再到如今的从vscode转战cursor，一步一步踩坑再到填坑，基本沉淀出了一套符合当前公司业务发展的前端框架和提示词，因此打算给2024好好收个尾，也希望能帮助到那些还在这个逐渐变冷的前端行业挣扎的开发同学，提供一些星星之火。因为不能拿公司的项目来展示，这里打算重新实现一个开源的前后端分离后台项目continew-admin来看看基于AI开发的新模式是否能给大家带来一些惊喜。
前后端分离的后台管理平台
开发工具
- AI编辑器：cursor
核心技术栈
- vue2
- element-ui
- mockjs
- typescript
系统功能
-
仪表盘：提供工作台、分析页，工作台提供功能快捷导航入口、最新公告、动态；分析页提供全面数据可视化能力
-
个人中心：支持基础信息修改、密码修改、邮箱绑定、手机号绑定（并提供行为验证码、短信限流等安全处理）、第三方账号绑定/解绑、头像裁剪上传
-
消息中心：提供站内信消息统一查看、标记已读、全部已读、删除等功能
-
用户管理：管理系统用户，包含新增、修改、删除、导入、导出、重置密码、分配角色等功能
-
角色管理：管理系统用户的功能权限及数据权限，包含新增、修改、删除、分配角色等功能
-
菜单管理：管理系统菜单及按钮权限，支持多级菜单，动态路由，包含新增、修改、删除等功能
-
部门管理：管理系统组织架构，包含新增、修改、删除、导出等功能，以树形列表进行展示
-
字典管理：管理系统公用数据字典，例如：消息类型。支持字典标签背景色和排序等配置
-
通知公告：管理系统公告，支持设置公告的生效时间、终止时间、通知范围（所有人、指定用户）
-
文件管理：管理系统文件，支持上传、下载、预览（目前支持图片、音视频、PDF、Word、Excel、PPT）、重命名、切换视图（列表、网格）等功能
-
日志管理：管理系统登录日志、操作日志，支持查看日志详情，包含请求头、响应头等报文信息
参考项目的截图
你可能会学到？
- 如何利用AI进行学习和开发；
- 基础的前端交互设计理念；
- 前端开发的完整研发流程；
- 项目的发布与部署；
- 良好的组件设计理念；
- ...
适宜人群
- 前端开发人员；
- 不懂前端开发的后端开发人员；
- 想完成一个完整项目作为面试敲门砖的开发者；
- 计算机/软件专业大学生；
- 需要前后端分离项目实践的开发人员；
预计发布内容
- 1、服务器搭建：1台ecs服务器、1个域名、nginx配置
- 2、cursor的介绍
- 3、完成登录功能并发布
- 4、其他系统功能
- ...
实战截图
CRUD页面最快3分钟搞定
- 输入：原型截图
- 输出：视图文件、枚举文件、接口文件
