此项目为个人博客搭建，纯代码手写堆叠，没有用到第三方的模板，适合前端小白+懂点后端的小白，简单，涉及前端+后端（Node JS+expres）+数据库（MongoDB）

前端vue配置

一、项目初始化 创建webpack模板项目如下所示： MacBook-Pro:PycharmProjects hqs$ vue init webpack luffy_project ? Project name luffy_project ? Project description A Vue.js project ? Author hqs ? Vue build standalone ? Install vue-router? Yes ? Use ESLint to lint your code? No ? Set up unit tests No ? Setup e2e tests w

本实例，是作者在学习vue框架中自己写的一个路由跳转的实例，方便适合初学者学习参考。下载安装vue，创建项目，运行即可~~

前端实现三级城市联动js文件，简单上手方便操作，希望能帮到有需要的人，需要的也可以直接给我留言，把地址附上发给你

本系统前后端分离开发，后台纯java语言开发，采用Spring+SpringBoot+Mybatis框架，前端采用Vue框架。 系统包括登录注册、用户管理、账单管理、消费类型管理、以及账单统计五个模块。 登录注册：用户首次注册默认创建一个家庭，即为该家庭的管理员。管理员可在用户管理模块添加普通成员。 用户管理：家庭管理员可以添加、查询、删除普通家庭成员，并且可以重置普通家庭成员的密码、修改自己密码以及转让家庭管理员。 消费类型管理：系统初始化默认20种消费类型，不可修改名称和删除。支持管理员添加自定义家庭消费类型，自定义消费类型支持修改名称和删除。 账单管理：用户可新建、编辑、删除账单，记录收入、支出、账单发生日期等信息。管理员可以设置家庭预算，并且可以查看整个家庭的账单情况，支持按照关键字、类型(消费还是支出)、时间（本月、近三月、半年、今年）以及单个家庭成员筛选，实时关注家庭收支情况。 账单统计：采用折线图、饼图直观展示消费支出走势，支持按照时间筛选，管理员可按照单个家庭成员筛选，支持导出。 该资源仅包括前端代码，配套后台代码需要进主页另行下载。代码包运行，如您在下载前或运行代码时有任何疑问，可加qq:1807195207咨询。

本门课程重实战，将基础知识拆解到项目里，让你在项目情境里学知识。 这样的学习方式能让你保持兴趣、充满动力，时刻知道学的东西能用在哪、能怎么用。 平时不明白的知识点，放在项目里去理解就恍然大悟了。 一、融汇贯通 本视频采用了前后端分离的开发模式，前端使用Vue.js+Element UI实现了Web页面的呈现，后端使用Python 的Django框架实现了数据访问的接口，前端通过Axios访问后端接口获得数据。在学习完本章节后，真正理解前后端的各自承担的工作。 二、贴近实战 本系列课程为练手项目实战：学生管理系统v4.0的开发，项目包含了如下几个内容：项目的总体介绍、基本功能的演示、Vuejs的初始化、Element UI的使用、在Django中实现针对数据的增删改查的接口、在Vuejs中实现前端增删改查的调用、实现文件的上传、实现表格的分页、实现导出数据到Excel、实现通过Excel导入数据、实现针对表格的批量化操作等等，所有的功能都通过演示完成、贴近了实战 三、课程亮点 在本案例中，最大的亮点在于前后端做了分离，真正理解前后端的各自承担的工作。前端如何和后端交互

功能：- 登录 用户名密码/手机号验证码- 权限 - 动态路由- echarts各种图表- arcgis地图- 克里金插值分析图- 全景图- 富文本- Markdown- 错误页面 403 404 500- 个人设置- 系统设置- 更换主题- 两种布局方式- 面包屑- 标签页- webSocket - svg图标- 全屏- 返回顶部- webpack优化- 抽奖页- table表- form表单- 上传Excel- 上传头像和裁剪- htmlcanvas2截屏- 封装自定义loading

后台源码自用存储 非必要无需下载

Vue中文社区 独家公众号,面向前端爱好者, 每日更新最有料的文章,最前沿的资讯,内容包含但不限于Vue,React,Angular,前端工程化...等各种"大保健"知识点,右上角...