Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/uncleLian/vue2-health
基于vue2 + vue-router + vuex 构建的一个后台类单页面应用 —— 头条号
https://github.com/uncleLian/vue2-health
Last synced: 3 months ago
JSON representation
基于vue2 + vue-router + vuex 构建的一个后台类单页面应用 —— 头条号
- Host: GitHub
- URL: https://github.com/uncleLian/vue2-health
- Owner: uncleLian
- License: mit
- Created: 2017-09-04T09:46:01.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-07T09:26:10.000Z (over 1 year ago)
- Last Synced: 2024-01-22T02:16:28.571Z (5 months ago)
- Language: Vue
- Homepage: http://health.liansixin.win
- Size: 3.78 MB
- Stars: 87
- Watchers: 3
- Forks: 27
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-toutiao - vue2-health - 基于vue2 + vue-router + vuex 构建的一个后台类单页面应用 —— 头条号. (后台)
README
# vue2-health
![image](https://img.shields.io/badge/vue-2.5.2-blue.svg)
![image](https://img.shields.io/badge/vue--router-3.0.1-blue.svg)
![image](https://img.shields.io/badge/vuex-3.0.1-blue.svg)
![image](https://img.shields.io/badge/element--ui-1.4.7-blue.svg)#### 完成度(50%)
> API 已失效 ‼️
> 精力有限,已停更~ 😷
## 简介
vue2-health 是一个仿头条号的后台管理项目,它使用 [vue-blog](https://github.com/uncleLian/vue2-blog) 基础模板快速搭建,涉及登录、管理文章等功能。
## 说明
> 如果此开源系列对你有帮助,你可以点右上角 "star"支持一下,非常感谢!^_^ 🌹> 或者您可以 "follow(关注)" 一下作者,我正在不断开源更多实用的项目
> 如有问题可以直接在 Issues 中提,或者加入我们下方Vue群更进一步地交流
## 最终目标
Vue学习系列
- 第一阶段:[vue2-echo](https://github.com/uncleLian/vue2-echo) —— echo回声( 移动端,难度:★★☆☆☆ 入门项目, 推荐 ⭐️⭐️⭐️️⭐️⭐️)
- 第二阶段:[vue2-news](https://github.com/uncleLian/vue2-news) —— 今日头条( 移动端,难度:★★★☆☆ 过渡项目)
- 第三阶段:[vue2-health](https://github.com/uncleLian/vue2-health) —— 头条号( pc端,难度:★★★☆☆ 过渡项目)
- 第四阶段:[vue2-native](https://github.com/uncleLian/vue2-native) —— 今日头条( native端,难度:★★★★☆ 进阶项目)
- 第五阶段:[vue-blog](https://github.com/uncleLian/vue-blog) —— 后台管理集成解决方案( pc端管理后台,难度:★★★★★ 进阶项目,推荐 ⭐️⭐️⭐️️⭐️⭐️️️️)##### 注:此系列只关注前端项目的实现,后端等知识不是此系列的范围,但会告知一二。
## 项目演示
#### [请戳这里](http://health.liansixin.win)## 功能
- [x] 全屏banner以及css3/svg动画
- [x] 登录/注销
- [x] 多级菜单
- [x] 自定义图片上传、草稿等
- [x] 管理文章(预览、编辑、撤回、删除等操作)
- [x] 错误拦截
- [x] ...## 部分截图
## 目录结构
```html
├── 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](https://github.com/uncleLian/vue2-health/blob/master/LICENSE)
Copyright (c) 2017-present,uncleLian