0
点赞
收藏
分享

微信扫一扫

一款超级简单的后台管理系统模板

JamFF 2022-02-10 阅读 76

说明

关于后台系统的项目,大部分人应该都很熟悉了,不论是 C 端还是 B、G 端,我们都会接触到“后管”开发。特别是 B、G 端的小伙伴,想必是最常做这类项目了,当然市场上主流的开源其实已经很多了,自己作为一名业余前端人员,出于对前端技术的兴趣,所以尝试搭一套简单的后台系统,心里想平常都是用别人现成的去二次开发,那自己是不是也可以去着手设计一套,通过这次的设计,不仅仅让自己更进一步了解前端技术,也悟到了一些开发思维,个人对这套系统更多的是以"新人"的角度出发,同时这个小系统在一定程度上可以很快"拥抱"新人,最后希望这个小项目能给大家带来一些帮助~~~

fast-system-template

img

  • 小型系统搭建,开箱立马使用
  • 适合对象: 新手、学生、公司小项目
  • 新技术结合进行尝试
  • 项目文档库整合中
  • 此项目仓库仅存放前端代码,后端服务迁移到 ez-server

技术

Technology描述
Vue3.x主流前端框架
Arco-Design字节跳动最近开源的 UI 组件框架
Vue 全家桶Vuex、VueRouter
axiosajax(promise)的网络请求库
TypeScriptJavaScript 的超集 在这个项目中会简单使用下,后续也会持续更好的集成到项目里
gitgit 工作流

编辑器

Editor描述
Vscode微软出品

编辑库插件

Plugins描述
Atom One Dark Theme一款 Atom 的皮肤
Auto Rename Tag自动标签补全
Color Highlight对应颜色高亮
ESLint提高开发效率,编辑器直接检测代码规范
Prettier - Code formatter代码格式化

如何启动项目

建议您把前后端项目分别 clone 到本地,

  • 前端部分
  • 后端部分
  • 项目依赖导入(您可以完全按照自己的安装包方式)
    • 前端采取 yarn包管理
    • 后端采取 pnpm包管理

一切就绪后:

  • 前端启动 yarn serve / pnpm serve / npm run serve
  • 后端启动 yarn start / pnpm start / npm start

产品(暂时简单描述,文档后续补充完整)

登录界面

img

进入主体界面

img

切换角色

img

角色: user2

img

角色: admin

img

系统信息

img

退出登录提示

img

项目会持续更新

举报

相关推荐

0 条评论