vue2 + muse-ui构建的移动端轻社区项目 F-Rent 友租
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
前言
本项目(友租)是基于Vue2、Vuex、Muse-UI、es6、webpack构建的一个移动端轻社区
开发环境 Macos + Vs code + Chrome
项目的灵感最初来源:由于我是一个宅男在杭州没什么朋友 加上刚来杭州时想租一个适合自己的房子很难 所以想到做这么一个轻社区
在做初型时由于没有UI设计稿和原型图,想到一部分做一部分 所以初版采用了Muse-UI框架先完成大体视图 后续再逐个进行代码重写以及组件开发
此项目虽说不是什么复杂有高技术含量的项目,但也是我一个小梦想,所以此项目会长期跟进 进行新功能添加和代码逻辑重构。
喜欢的可以“Star”一下,也可以关注一下此项目。
如果有什么可以帮到你的 无论是不是此项目中的问题 都可以在Lessus提出 我会尽我所能帮你解决!😜
欢迎大佬们提出好的问题和点子,我会第一时间去修正。👍
项目地址
https://github.com/52NineTwo/F-Rent
技术栈
- Vue2 GitHub地址
- Vuex GitHub地址
- Vue-router GitHub地址
- axios GitHub地址
- Muse-ui GitHub地址
- Mcok.js GitHub地址
- Vue-lazyload(图片懒加载组件)GitHub地址
- WebPack GitHub地址
- Es6语法
关于在线数据接口
感谢大搜车团队开放的模拟数据的在线Mock服务:Easy-Mock
演示
Demo地址: Demo (请使用Chrom手机模式预览)
手机扫一扫下面的二维码
截图
首页、登录
更多
个人中心
更新
2017-8-30
首次将此项目代码更新到GitHub
开发周期: 一周半(晚上饭后到睡前码)
目前登录注册逻辑为:输入11位跳转到登录页、输入12位跳转到注册页
由于是初型代码逻辑以及结构比较乱,已经有下次的更新规划了。
1.使用Vuex进行登录状态验证.
2.将项目中使用率较高的组件比如地区选择等封装成单组件.
3.图集页更换新的模块以及呈现方式.
4.代码逻辑以及结构优化.
5.随机图片源加速