vuex实现资产管理系统小记

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

vuex实现资产管理系统小记
文章图片
资产列表数据 这是目前的资产列表的数据内容 【vuex实现资产管理系统小记】
我把这个项目作为对自己以前学习的一个成果检测,也确实发现存在很多问题:

  • 起步是依靠 vuexms 的代码,但是我得再回顾之前写的文档才知道某些功能是怎样实现的;
  • 解决问题(不少还是基础运用上的)多是靠搜索引擎,看网友先前是否踩过这坑;
  • 部分代码就在官网示例基础上做更改,问我原理我就只有随缘;
  • 搜索问题时偶然看见别人有类似运用 element-ui,vue 做的管理系统界面,顿时感到天上地下的差距;
  • 都说过三个月看之前写的代码会觉得很垃圾,我这个现在就想问为啥当时不写清注释,有些代码也乱,更别说组件化低耦合什么的了。
但作为小白的我还是有些许激动的,毕竟总的来看我也是能够做点东西出来的了,我相信以后会做出更有意思的东西。
2. 项目相关 2.1 基础功能
  • 登录识别
  • 资产列表
  • 添加资产
  • 维修,领用记录
  • 资产信息图表
  • 折旧信息
  • 个人信息
  • 员工信息
  • 添加员工
2.2 有待完善
  • 资产列表页的排序和编辑功能
  • 菜单栏进行 router 跳转默认回到初始展开状态
  • 优化界面
2.3 使用工具
本地开发:
axios echarts element-ui vue vuex
服务端:
node mysql formidable
我会将本地开发的代码上传至 github 作为记录,也方便以后的完善。
4. 部分截图 vuex实现资产管理系统小记
文章图片
资产列表.png vuex实现资产管理系统小记
文章图片
添加资产.png vuex实现资产管理系统小记
文章图片
领用归还记录.png vuex实现资产管理系统小记
文章图片
图表.png vuex实现资产管理系统小记
文章图片
折旧.png vuex实现资产管理系统小记
文章图片
员工列表.png 这篇小记主要是记录我这两周多做的事情,放假又临近过年随时都可能被其他事情干扰,其实已经花费了太多时间,虽然是打算全部完成后写个小结的,但我现在不能再在这个项目上花时间了。
有太多我未见过的有趣东西,不想一直只当个小白

    推荐阅读