![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
记账系统
zyk_520
Hello food
展开
-
记账系统(二)-环境配置
前端(vue)+服务器(node.js)环境配置前言前端代码框架vue.js,服务器语言node.js的express框架;打包工具-webpack一、在项目中config--》index.js通过代理的方式连接到node服务器:代码结构:代码修改:在dev添加代理配置dev: { .... //通过代...原创 2018-12-05 23:08:34 · 354 阅读 · 0 评论 -
记账系统(一) - 项目简介
前言最近学习了vue和node.js,于是迈开了走向全栈工程师的第一步。规划了许久决定做一个针对商户的记账系统。一、项目概要为用户提供“商品信息录入”、“实时记账”、“报表”功能模块,用户可以根据查阅“报表”模块了解到商品的销售情况,通过数据来选择受欢迎的商品。二、技术概要项目使用的技术:前端:vue+bootstrap+jquery 后台:node.js(express...原创 2018-12-08 22:33:58 · 4026 阅读 · 0 评论 -
记账系统(三)-代码结构说明
一、web代码文件说明 文件名 功能说明 billingSys 存放整个项目的文件夹 src 存放web代码的文件夹 assets 存放静态文件:css、城市选择器的城市数据、图片 components 存放vue组件文件 router 存放vue-router的文件 APP.vue 主组件...原创 2018-12-19 22:36:14 · 1012 阅读 · 0 评论 -
记账系统(四)-组件(城市选择器)
一、效果二、实现思路1、准备中国所有省、市、县的数据源;2、准备三个下拉框A(省)、B(市)、C(县),三个下拉框存在联动关系,即:A下拉框选择省份之后,B下拉框中被填充A对应的城市名; B下拉框选择城市之后,C下拉框中被填充B对应的县名;3、城市选择器对外提供的数据:当前三个下拉框选择的数据;4、城市选择器接受外界传入的值: 【1】省、市、...原创 2018-12-25 21:28:56 · 391 阅读 · 0 评论 -
记账系统(五)-组件(多选下拉框)
一、效果二、实现思路1、多选下拉框由已选数据显示区域(input)、下拉框数据显示区域(ul)、查询输入框区域(input)组成;2、已选数据显示区域不可编辑,只显示指定长度的数据,多余数据隐藏;3、下拉框数据显示,点击数据选中之后,数据后方会出现对勾;再次点击,对勾消失,表示未选中此条数据;4、查询输入框区域,支持模糊查询、精确查询5、下拉框多选组件接受父组件数据:下...原创 2019-01-15 00:35:03 · 378 阅读 · 0 评论