Asp.net+Vue2构建简单记账WebApp之一(设计)
来源:互联网 发布:电商销售数据分析报告 编辑:程序博客网 时间:2024/06/05 18:58
Asp.net+Vue2构建简单记账WebApp之一(设计)
Asp.net+Vue2构建简单记账WebApp之二(使用ABP迅速搭建.Net后台)
Asp.net+Vue2构建简单记账WebApp之三(使用Vue-cli构建vue.js应用)
Asp.net+Vue2构建简单记账WebApp之四(vue.js构建记账主页面)
Asp.net+Vue2构建简单记账WebApp之五(vue.js构建记账页面)
Asp.net+Vue2构建简单记账WebApp之六(vue.js构建记账统计页面)
源码下载
一、前言
作为一个asp.net 程序员,当发现Vue.js的存在时就爱上它,但是在asp.net应用中使用Vue一时让我无从上手。直到最近有了点心得。就计划把之前做的一个记账应用前端改为Vue2实现。
二、 效果如下
这个是之前做一个小应用,使用asp.net+Mui做的,也算是前后台分离的。
三、新程序的构思
- 依然使用asp.net作为后台,因为就熟悉这个。
- 前台选用Vue2.js。
- ui选用 mint-ui,本考虑用Element UI,但是mint-ui相对简单较小,而且是专为手机web而生。
- 图标依旧选择font-awesome,毕竟没有美工给设计画图,这个库的图标挺多将就用吧。
- 图表选择echart.js,针对vue.js而生的图表控件没有找到,找来找去还是echart好用些。
四、 新程序页面设计如下
- 记账页面
因为没有九宫格样式,就简单点排版吧。使用和以前一样。
- 统计页面
和之前稍微改变了些。感觉更加美观了点。
五、后台接口api设计
- 获取记账类型接口 GetBillTypes
- 记账接口 AddBill
- 删除记录 DeleteBill
- 获取列表 GetBills
- 获取总数 GetTotalCount
- 获取统计值 GetCount
阅读全文
0 0
- Asp.net+Vue2构建简单记账WebApp之一(设计)
- Asp.net+Vue2构建简单记账WebApp之四(vue.js构建记账主页面)
- Asp.net+Vue2构建简单记账WebApp之五(vue.js构建记账页面)
- Asp.net+Vue2构建简单记账WebApp之六(vue.js构建记账统计页面)
- Asp.net+Vue2构建简单记账WebApp之二(使用ABP迅速搭建.Net后台)
- Asp.net+Vue2构建简单记账WebApp之三(使用Vue-cli构建vue.js应用)
- Angular4记账webApp练手项目之一(利用angular-cli构建Angular4.X项目)
- 简单ASP.NET验证码之一
- ASP.NET AJAX环境的简单构建
- ASP.NET AJAX环境的简单构建
- 构建高性能ASP.NET站点之一 剖析页面的处理过程(前端)
- 构建高性能ASP.NET站点之一 剖析页面的处理过程(前端)
- 【原创】构建高性能ASP.NET站点之一 剖析页面的处理过程(前端)
- 构建高性能ASP.NET站点之一 剖析页面的处理过程(前端)
- 转载 构建高性能ASP.NET站点之一 剖析页面的处理过程(前端)
- 构建高性能ASP.NET站点之一 剖析页面的处理过程(前端)
- 构建高性能ASP.NET站点之一 剖析页面的处理过程(前端)
- 构建高性能ASP.NET站点之一 剖析页面的处理过程(前端)
- 每日一诗词 —— 定风波·莫听穿林打叶声
- poj_2524_题解
- 基于微软案例数据挖掘之Microsoft 神经网络分析算法
- Git撤销修改场景及对应指令详解
- Maven 隐式依赖包冲突导致程序报错
- Asp.net+Vue2构建简单记账WebApp之一(设计)
- 不同文件中类外定义demo
- Codeforces 570D Tree Requests
- HTTP协议简介
- 大数据预科班作业5~6
- redis学习(1)简介,安装及配置
- 基于微软案例数据挖掘之Microsoft 线性回归分析算法
- S2-052 CVE-2017-9805 python脚本
- 嵌入式每日学习心得 进程与线程