All Projects → hehaibao → h-blog

hehaibao / h-blog

Licence: other
vue+elementUI模仿我的博客,简单的写的几个练习页面

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects

Projects that are alternatives of or similar to h-blog

Nx Admin
👍 A magical 🐮 ⚔ vue admin,记得star
Stars: ✭ 2,497 (+17735.71%)
Mutual labels:  mock, axios, element-ui
Vue Admin Beautiful
🚀🚀🚀vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)
Stars: ✭ 10,968 (+78242.86%)
Mutual labels:  mock, axios, element-ui
Vue Blog
🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案
Stars: ✭ 208 (+1385.71%)
Mutual labels:  mock, axios, element-ui
vue-admin-better
🚀🚀🚀vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus,vue admin plus,vue admin pro
Stars: ✭ 12,962 (+92485.71%)
Mutual labels:  mock, axios, element-ui
electron-admin-element-vue
Electron Vue3.x Element-UI Admin
Stars: ✭ 37 (+164.29%)
Mutual labels:  mock, axios, element-ui
Vue Lottery
🎨 抽奖以及截屏保存图片至本地
Stars: ✭ 90 (+542.86%)
Mutual labels:  mock, axios, element-ui
D2 Admin
An elegant dashboard
Stars: ✭ 11,012 (+78557.14%)
Mutual labels:  mock, axios, element-ui
Vue Element Admin
🎉 A magical vue admin https://panjiachen.github.io/vue-element-admin
Stars: ✭ 73,044 (+521642.86%)
Mutual labels:  mock, axios, element-ui
vue-admin-work
🎉🎉🚀🚀🚀🚀vue-admin-work是一个中后台系统管理方案。使用 vue2.x 及周边全家桶工具开发而来。支持多种功能,不同角色权限🚀🚀🚀🎉🎉
Stars: ✭ 74 (+428.57%)
Mutual labels:  mock, axios, element-ui
Vue Cms
基于 Vue 和 ElementUI 构建的一个企业级后台管理系统
Stars: ✭ 415 (+2864.29%)
Mutual labels:  mock, axios, element-ui
Vue Spa Project
vue.js + vuex + vue-router + fetch + element-ui + es6 + webpack + mock 纯前端SPA项目开发实践
Stars: ✭ 118 (+742.86%)
Mutual labels:  mock, element-ui
Vue Cli Multi Page
基于vue-cli模板的多页面多路由项目,一个PC端页面入口,一个移动端页面入口,且有各自的路由, vue+webpack+vue-router+vuex+mock+axios
Stars: ✭ 145 (+935.71%)
Mutual labels:  mock, axios
React Nativeish
React Native / React Native Web Boilerplate
Stars: ✭ 106 (+657.14%)
Mutual labels:  mock, axios
electron-admin-antd-vue
Electron Vue3.x Ant Design Admin template
Stars: ✭ 21 (+50%)
Mutual labels:  mock, axios
Axios Mock Adapter
Axios adapter that allows to easily mock requests
Stars: ✭ 2,832 (+20128.57%)
Mutual labels:  mock, axios
axios-mock-server
RESTful mock server using axios.
Stars: ✭ 33 (+135.71%)
Mutual labels:  mock, axios
wwvue-cli
vue-cli升级版脚手架,应有尽有的开箱即用方法及配置,没有花里胡哨的晦涩难懂的操作,上手成本极低,现已新增simple(极简模式)、vue3和iview-template,是个很不错的垫脚石,来不及解释了赶紧上车😊😘
Stars: ✭ 15 (+7.14%)
Mutual labels:  mock, axios
vue2.0-SellPosSystem
vue2.0实战项目——简单的快餐店系统
Stars: ✭ 35 (+150%)
Mutual labels:  axios, element-ui
madao admin manage
🎉 VUE前后端分离管理系统,基于RBAC的后台管理。
Stars: ✭ 38 (+171.43%)
Mutual labels:  axios, element-ui
vue-admin-webapp
基于vuejs+element-ui 后台管理系统
Stars: ✭ 62 (+342.86%)
Mutual labels:  axios, element-ui

h-blog

A Vue.js project 用elementUI模仿我的博客,简单的写的几个练习页面,仅供参考。

技术栈

vue-cli(vue 2.x + webpack + vue-router) + elementUI + ES6 + mock + axios

本地代码已全部通过ESlint检测。

在线预览

https://hehaibao.github.io/h-blog/dist/index.html

主要功能

  • 首页(含mock) image

  • 文章详情页 image

  • 登录页(含验证和是否登录的逻辑) image

  • 注册页(含验证) image

里面涉及到了路由的导航守卫,组件的复用,sessionStorage存储是否登录状态,父子组件通信,elementUI的一些用法 等等

更多功能,后续有时间会继续添加..

如何使用?

# clone
git clone https://github.com/hehaibao/h-blog.git

# cd dir
cd h-blog

# install dependencies
npm install

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

or 

npm start

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

说明

如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢! ^_^

或者您可以 "follow" 一下,我会不断开源更多的有趣的项目

开发环境 macOS 10.12.6 Chrome 68  nodejs 6.10.0

如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR 👍

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].