说明

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

fast-system-template

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

项目存在问题

• 移动端未做 自适应 适配
• IOS 端的兼容问题
• 界面暂未提供 缓存策略

⚡️ 技术

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

编辑器

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

⚡️ 登录界面

⚡️ 进入主体界面

项目属于简单入门水平，欢迎提出问题，为后续更好的输出做准备，如果小伙伴们觉得对你有很大帮助可以点个 star 哟

⚡️ 更多信息

• 关注微信公众号“部落单元阁”可以获取更多技术宝典
• 常用技术知识链接库(访问较慢的问题正在优化)

⚡️ 友情链接

• CSDN
• Vuejs
• Antv--G2
• arco.design
• biblbili-会飞长腿

⚡️ 生活记录

• 在线抽签小工具
• 程序员日常如何维护自己
• sprite-tpl 快速搭建个人博客开源脚手架，设计中

👩‍💻 项目会持续更新

扫码可关注公众号

License

MIT