diff --git a/README.md b/README.md index 7caf61db0ec74c76d615e883bcc61c05ec40472f..f488f0afc32889d2a89da905e438fd21650539dd 100644 --- a/README.md +++ b/README.md @@ -1,47 +1,39 @@ -# myAdminSystemVue +# myAdminSystemVue ### 前端开发流程 -1.使用yarn命令创建vite脚手架Vue3项目 +1. 使用 yarn 命令创建 vite 脚手架 Vue3 项目 -2.引入TDesign以及图标库并在main.js中全局引入并简单测试 +2. 引入 TDesign 以及图标库并在 main.js 中全局引入并简单测试 -3.删除无关文件，创建Login和Home两个页面 +3. 删除无关文件，创建 Login 和 Home 两个页面 -4.引入less和less-loader，vite默认支持less，无需配置 +4. 引入 less 和 less-loader，vite 默认支持 less，无需配置 -5.创建styles文件夹，创建reset.less清除浏览器默认样式，创建font-family.less定义字体，创建index.less用于外部引入less文件 +5. 创建 styles 文件夹，创建 reset.less 清除浏览器默认样式，创建 font-family.less 定义字体，创建 index.less 用于外部引入 less 文件 -6.styles下创建theme文件夹，创建index.less和8种样式，创建Variables.less变量文件，并在index.less中引入,然后放到main.js中引入 +6. styles 下创建 theme 文件夹，创建 index.less 和 8 种样式，创建 Variables.less 变量文件，并在 index.less 中引入, 然后放到 main.js 中引入 -7.引入项目所需的图片文件，搭建登录注册页面，并完成简单跳转功能 +7. 引入项目所需的图片文件，搭建登录注册页面，并完成简单跳转功能 -8.引入pinia和pinia-plugin-persistedstate插件，创建store文件夹，做简单配置 +8. 引入 pinia 和 pinia-plugin-persistedstate 插件，创建 store 文件夹，做简单配置 -9.引入lodash库简化js操作，创建config文件夹存放全局配置信息，创建color.js存放颜色相关的配置，创建styles.js存储样式相关的默认配置，引入tvision-color库用于颜色转换 +9. 引入 lodash 库简化 js 操作，创建 config 文件夹存放全局配置信息，创建 color.js 存放颜色相关的配置，创建 styles.js 存储样式相关的默认配置，引入 tvision-color 库用于颜色转换 -10.创建layouts文件夹，创建index.vue，完成布局的搭建，引入vue-clipboard3完成复制功能 +10. 创建 layouts 文件夹，创建 index.vue，完成布局的搭建，引入 vue-clipboard3 完成复制功能 -11.创建LayoutSideNav、LayoutHeader、LayoutContent文件，完成页面的搭建 +11. 创建 LayoutSideNav、LayoutHeader、LayoutContent 文件，完成页面的搭建 -12.创建仪表盘下的工作台和分析页页面，功能中心下的图像裁剪、Excel文件导入导出、二维码和富文本编译器并挂载路由 +12. 创建仪表盘下的工作台和分析页页面，功能中心下的图像裁剪、Excel 文件导入导出、二维码和富文本编译器并挂载路由 -13.简单编写工作台页面，测试Echarts图表组件库的使用 - -14.创建结果页菜单，并搭建其中的页面，引入vite-svg-loader插件实现svg转vue - -15.封装Echarts图表，完善工作台页面的图表样式 - -16.创建开发日志菜单和用户管理菜单并配置路由 - -17.引入axios，调用后端接口，实现【用户注册】和【用户登录】功能，完成【忘记账号，找回密码】功能 - -18.搭建用户管理菜单，并完成用户列表页面的【分页查询】功能、【编辑】、【新增】、【删除】、【批量删除】功能 - - - +13. 简单编写工作台页面，测试 Echarts 图表组件库的使用 +14. 创建结果页菜单，并搭建其中的页面，引入 vite-svg-loader 插件实现 svg 转 vue +15. 封装 Echarts 图表，完善工作台页面的图表样式 +16. 创建开发日志菜单和用户管理菜单并配置路由 +17. 引入 axios，调用后端接口，实现【用户注册】和【用户登录】功能，完成【忘记账号，找回密码】功能 +18. 搭建用户管理菜单，并完成用户列表页面的【分页查询】功能、【编辑】、【新增】、【删除】、【批量删除】功能 \ No newline at end of file