vue2-health

完成度（50%）

API 已失效 ‼️

精力有限，已停更~ 😷

简介

vue2-health 是一个仿头条号的后台管理项目，它使用 vue-blog 基础模板快速搭建，涉及登录、管理文章等功能。

说明

如果此开源系列对你有帮助，你可以点右上角 "star"支持一下，非常感谢！^_^ 🌹

或者您可以 "follow（关注）" 一下作者，我正在不断开源更多实用的项目

如有问题可以直接在 Issues 中提，或者加入我们下方Vue群更进一步地交流

最终目标

Vue学习系列

• 第一阶段：vue2-echo —— echo回声（ 移动端，难度：★★☆☆☆ 入门项目， 推荐 ⭐️⭐️⭐️️⭐️⭐️）
• 第二阶段：vue2-news —— 今日头条（ 移动端，难度：★★★☆☆ 过渡项目）
• 第三阶段：vue2-health —— 头条号（ pc端，难度：★★★☆☆ 过渡项目）
• 第四阶段：vue2-native —— 今日头条（ native端，难度：★★★★☆ 进阶项目）
• 第五阶段：vue-blog —— 后台管理集成解决方案（ pc端管理后台，难度：★★★★★ 进阶项目，推荐 ⭐️⭐️⭐️️⭐️⭐️️️️）

注：此系列只关注前端项目的实现，后端等知识不是此系列的范围，但会告知一二。

项目演示

请戳这里

功能

• [x] 全屏banner以及css3/svg动画
• [x] 登录/注销
• [x] 多级菜单
• [x] 自定义图片上传、草稿等
• [x] 管理文章（预览、编辑、撤回、删除等操作）
• [x] 错误拦截
• [x] ...

部分截图

目录结构

├── build
├── config
├── docs                                        	// 打包后的目录
├── screenshots                                 	// README.md资源文件夹
├── src
│   ├── api                                      	// 请求api
│   ├── assets                                    	// 资源
│   ├── components                                	// 组件
│   ├── layout                                    	// 布局
│   ├── page
│   │   ├── index                                 	// 首页
│   │   │   └── children
│   │   │       ├── count                       	// 统计
│   │   │       ├── home                        	// 主页
│   │   │       ├── manage                      	// 管理
│   │   │       │   ├── articles
│   │   │       │   ├── comment
│   │   │       │   └── material
│   │   │       ├── publish                     	// 发表页
│   │   │       └── setting                     	// 设置页
│   │   ├── login                              		// 登录页
│   │   └── preview                             	// 预览页
│   ├── router                                  	// 路由
│   ├── store                                   	// 全局状态
│   └── utils                                  	  	// 工具
├── static
└── theme-chalk                         			// 自定义颜色主题

安装运行

# install dependencies
npm install

# serve with hot reload at localhost:8010
npm run dev

# build for production with minification
npm run build（File in the docs folder）

交流

欢迎热爱学习、忠于分享的朋友一起来交流

• QQ：771674109
• Vue交流群：338241465 —— 广州-小鑫

License

MIT

Copyright (c) 2017-present，uncleLian