vuex实现资产管理系统小记

1. 前言

我在 Vuexms 项目文档 中提到过我想做出一个功能详尽的管理系统。到今天止我完成了大部分的功能，由于我打算在春节之后开始找份实习，而我记忆力真的差，基础也存在很多问题，意味着我得尽快开始准备复习好应对面试了。所以，时间上的问题，我计划在找到工作之后再抽空完善项目。
这是我的第一个自做项目，挨个设计功能目录，数据库，逻辑实现等。关于大多数逻辑都和以前用PHP做的一个文章博客网站类似，不同的是这次没人带着做，全看自己能想到哪，若是想错了又推翻再来。

数据库思维导图.png

上面是最初设计数据库画的思维导图，对设计数据库没有经验，到现在已经改了太多。

资产列表数据

这是目前的资产列表的数据内容

我把这个项目作为对自己以前学习的一个成果检测，也确实发现存在很多问题：

• 起步是依靠 vuexms 的代码，但是我得再回顾之前写的文档才知道某些功能是怎样实现的；
• 解决问题（不少还是基础运用上的）多是靠搜索引擎，看网友先前是否踩过这坑；
• 部分代码就在官网示例基础上做更改，问我原理我就只有随缘；
• 搜索问题时偶然看见别人有类似运用 element-ui，vue 做的管理系统界面，顿时感到天上地下的差距；
• 都说过三个月看之前写的代码会觉得很垃圾，我这个现在就想问为啥当时不写清注释，有些代码也乱，更别说组件化低耦合什么的了。

但作为小白的我还是有些许激动的，毕竟总的来看我也是能够做点东西出来的了，我相信以后会做出更有意思的东西。

2. 项目相关

2.1 基础功能

• 登录识别
• 资产列表
• 添加资产
• 维修，领用记录
• 资产信息图表
• 折旧信息
• 个人信息
• 员工信息
• 添加员工

2.2 有待完善

• 资产列表页的排序和编辑功能
• 菜单栏进行 router 跳转默认回到初始展开状态
• 优化界面

2.3 使用工具

本地开发：
axios echarts element-ui vue vuex

服务端：
node mysql formidable

我会将本地开发的代码上传至 github 作为记录，也方便以后的完善。

4. 部分截图

资产列表.png

添加资产.png

领用归还记录.png

图表.png

折旧.png

员工列表.png

这篇小记主要是记录我这两周多做的事情，放假又临近过年随时都可能被其他事情干扰，其实已经花费了太多时间，虽然是打算全部完成后写个小结的，但我现在不能再在这个项目上花时间了。

有太多我未见过的有趣东西，不想一直只当个小白