# todo-vue-admin
**Repository Path**: ye-jizeng/todo-vue-admin
## Basic Information
- **Project Name**: todo-vue-admin
- **Description**: 前端页面
vue2.6
axios
webpack
ES6/7
flex
iViewUI
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-08-25
- **Last Updated**: 2024-01-04
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 前言
NodeJS全栈开发之前端技术栈基于Vue+iViewUI构建的用户后台管理系统，功能包括：登录，注册，记住密码，忘记密码，修改密码，退出登录，todoList增删改查CRUD，查询条件筛选，点亮红星标记等。本项目场景虽然简单，但涵盖功能比较齐全，适合初学前端开发的小伙伴。如果觉得不错的话，请大大们给个:heart:star，也欢迎大家一起交流学习。
[在线DEMO演示](http://106.55.168.13:8082/)
# 部分截图
## 登录/注册
## 首页
## 新增任务
## 修改密码
# 目录结构
```
│ package.json // npm包管理所需模块及配置信息
│ vue.config.js // webpack配置
├─public
│ favicon.ico // 图标
│ index.html // 入口html文件
└─src
│ App.vue // 根组件
│ main.js // 程序入口文件
├─assets // 存放公共图片文件夹
├─components
│ Footer.vue // 页面底部公用组件
│ Header.vue // 页面头部公用组件
├─router
│ index.js // 单页面路由注册组件
├─store
│ │ index.js // 状态管理仓库入口文件
│ └─modules
│ userInfo.js // 用户模块状态管理文件
├─styles
│ base.scss // 基础样式文件
├─utils
│ api.js // 统一封装API接口调用方法
│ network.js // axios封装与拦截器配置
│ url.js // 自动部署服务器环境
│ valid.js // 统一封装公用模块方法
└─views
Home.vue // 首页界面
Login.vue // 登录界面
```
# 技术栈
* vue2.6
* axios
* webpack
* ES6/7
* flex
* iViewUI
# 功能模块
* 登录（登出）
* 注册
* 记住密码
* 忘记密码（修改密码）
* todo增删改查
* 点亮红星标记
* 查询条件筛选
# 下载安装依赖
```
git clone https://github.com/jackchen0120/todo-vue-admin.git
cd todo-vue-admin
npm install 或 yarn
```
## 开发模式
```
npm run serve
```
运行之后，访问地址：http://localhost:8082
## 生产环境打包
```
npm run build
```
## 获取更多实操经验及项目源码
欢迎关注个人公众号：**懒人码农**
