前端(Cursor)-员工管理
根据页面原型与接口文档,完成员工管理功能开发,实现增删改查及分页查询。新增表单宽800px,按要求布局六行字段,工作经历支持动态增删,每项含时间、公司、职位,确保界面与交互符合设计。
项目上线
本教程介绍项目前后端部署全流程:编写entrypoint.sh启动脚本,通过devbox发版后端并上线,配置CPU、内存等参数,部署成功后获取公网IP验证接口;前端需替换内网地址为新后端地址,执行npm install打包,再发版上线。最终通过公网访问前端页面,完成整体部署。
前端(Cursor)-部门管理
根据部门管理原型图与接口文档,完成增删改查功能开发,调用后端API实现数据交互,注意替换内网地址并临时关闭登录校验以确保接口连通,前端通过Axios请求数据,实现页面动态渲染与操作响应。
前端(Cursor)-页面布局
使用Sealos DevBox创建Vue项目,通过Cursor开发。执行`npm run dev`启动,访问公网地址。根据页面原型,基于Vue3+ElementPlus实现“智学云帆”布局:顶部标题、右侧退出链接,左侧菜单含班级、系统管理等模块,右侧动态展示内容。优化背景色、宽度及布局,首页设计简洁大气,适配全屏。
另外几个接口文档
本系统提供班级与学员管理功能,支持班级及学员信息的增删改查、分页查询、违纪处理,并集成登录认证与文件上传。通过JWT实现权限控制,确保接口安全调用。
4.9 前端(Cursor)-登录
根据登录页面原型和接口文档,完成员工登录功能开发。实现POST请求调用/login接口,处理用户名密码验证,解析JWT令牌并存储,后续请求通过header携带token。登录失败提示错误信息,成功后跳转至系统首页;若检测到401未授权状态,自动跳转回登录页。
4.7 前端(Cursor)-部门管理
根据部门管理原型图及接口文档,完成增删改查功能开发。前端通过Axios调用后端接口,地址为http://zxyf-management.ns-682s7u7w.svc.cluster.local:8080,需替换为实际内网地址。实现部门列表查询、添加、删除、修改和详情查看功能,注意临时关闭登录校验以确保接口正常访问,后续可优化页面交互与代码结构。
4.6 前端(Cursor)-页面布局
使用Sealos DevBox创建Vue项目,通过Cursor开发。执行`npm run dev`启动,访问公网地址即可预览。基于Vue3+ElementPlus实现“智学云帆”布局:顶部标题、右侧登录信息、左侧菜单,右侧动态页面。优化背景色、宽度及响应式,首页设计简洁大气,提升整体视觉体验。(238字)
4.8 前端(Cursor)-员工管理
根据页面原型与接口文档,完成员工管理功能开发,实现增删改查及分页查询。按要求调整新增员工表单布局为六行:用户名姓名、性别手机号、职位薪资、部门日期、头像上传、工作经历(可动态增删)。确保界面与接口对接正常,表单宽度800px,功能完整且符合规范。
[Blog]三层架构:代码本地运行(☆)
掌握SpringBoot、MySQL、Maven,2小时内完成项目本地运行与BUG修复。导入数据库并修正名称不一致问题,访问http://localhost:8080/查看前端。点击博客详情出现异常,需定位并修复,熟悉开发环境。