Skip to content

基于vue2 + vue-router + vuex 构建的一个后台类单页面应用 —— 头条号

License

Notifications You must be signed in to change notification settings

uncleLian/vue2-health

Repository files navigation

vue2-health

image image image image

完成度(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端管理后台,难度:★★★★★ 进阶项目,推荐 ⭐️⭐️⭐️️⭐️⭐️️️️)
注:此系列只关注前端项目的实现,后端等知识不是此系列的范围,但会告知一二。

项目演示

功能

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

部分截图

目录结构

├── 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

About

基于vue2 + vue-router + vuex 构建的一个后台类单页面应用 —— 头条号

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published