标签:项目 前端 管理系统 serve yarn start pnpm 后台 模板
说明
关于后台系统的项目,大部分人应该都很熟悉了,不论是 C 端还是 B、G 端,我们都会接触到“后管”开发。特别是 B、G 端的小伙伴,想必是最常做这类项目了,当然市场上主流的开源其实已经很多了,自己作为一名业余前端人员,出于对前端技术的兴趣,所以尝试搭一套简单的后台系统,心里想平常都是用别人现成的去二次开发,那自己是不是也可以去着手设计一套,通过这次的设计,不仅仅让自己更进一步了解前端技术,也悟到了一些开发思维,个人对这套系统更多的是以"新人"的角度出发,同时这个小系统在一定程度上可以很快"拥抱"新人,最后希望这个小项目能给大家带来一些帮助~~~
fast-system-template
技术
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 serve
/pnpm serve
/npm run serve
- 后端启动
yarn start
/pnpm start
/npm start
产品(暂时简单描述,文档后续补充完整)
登录界面
进入主体界面
切换角色
角色: user2
角色: admin
系统信息
退出登录提示
项目会持续更新
标签:项目,前端,管理系统,serve,yarn,start,pnpm,后台,模板 来源: https://blog.csdn.net/weixin_44971067/article/details/122867641
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。