项目参考链接
https://blog.csdn.net/yiershan1314/article/details/77875679
实际开发出来的效果见上面链接里的。
刚开始学Web开发,对框架也不熟悉,所以先找了一个讲解比较清晰的应用进行学习。现将仿写的整个过程记录下来。
一,程序实现方案
- 整个应用基本在ABP框架下开发。
- 使用ASP.NET开发后端,因为比较熟悉C sharp语言。
- 前端就选用的Vue.js,Vue项目根目录下package.json文件内显示使用的Vue版本为2.5.2.
- UI选用mint-ui,也可使用Element UI,但是mint-ui相对来说比较小,而且赚为手机web而生。
- 图标选择的是免费的font-awesome,这个库图标也比较多,凑合用吧。
- 图表选择echart.js,针对vue.js而生的图标控件没找到,找来找去还是echart好用些
二,程序页面
-
记账页面
因为没有九宫格样式,就简单点排版吧。使用和以前一样。 -
统计页面
三,后台接口API设计 -
获取记账类型接口 GetBillTypes
-
记账接口 AddBill
-
删除记录 DeleteBill
-
获取列表 GetBills
-
获取总数 GetTotalCount
-
获取统计值 GetCount
另外,ABP框架学习可参考
ABP框架 - 我的第一个Web API
和系列教程
ABP入门系列目录——学习Abp框架之实操演练