美文网首页
vuex实现资产管理系统小记

vuex实现资产管理系统小记

作者: YiFanCode | 来源:发表于2019-01-24 15:49 被阅读0次

    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

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

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

    相关文章

      网友评论

          本文标题:vuex实现资产管理系统小记

          本文链接:https://www.haomeiwen.com/subject/mhiyjqtx.html