前言本项目(游族)是一个基于Vue2、Vuex、Muse-UI、es6、webpack的移动端。PC端轻社区项目项目地址GitHub项目更新历史开发环境Macos+Vscode+Chrome项目最初灵感来源:本人是宅男,在杭州没有朋友,很难租到合适的房子刚来杭州时的我。想着做这么一个轻社区,因为做原型的时候没有UI设计稿和原型,就想着做一部分,所以第一个版本用Muse-UI框架完成了大体视图,然后重写了代码和组件开发一一进行。虽然这个项目不是什么复杂的高科技项目,但也是我的一个小梦想,所以这个项目会长期跟进,增加新的功能,重构代码逻辑。喜欢的话可以“Star”一下,也可以关注一下这个项目。如果有什么可以帮到你的,不管是不是本项目的问题,都可以在Lessus中提出,我会尽我所能帮你解决!?欢迎大佬提出好的问题和想法,我会尽快修复。?我的博客地址项目地址GitHub技术栈Vue2GitHub地址VuexGitHub地址Vue-routerGitHub地址axiosGitHub地址Muse-uiGitHub地址Mcok.jsGitHub地址Vue-lazyload(图片懒加载组件)GitHub地址WebPackGitHub地址Es6语法###关于在线数据接口感谢大搜车团队提供模拟数据在线mock服务:Easy-MockDemo演示地址:Demo(请使用Chrom手机模式预览)手机扫描下方二维码即可使用item1.克隆项目:gitclonegit@github.com:52NineTwo/F-Rent.git2。安装依赖:npminstall3。启动服务:npmrundev4。发布代码:npmrunbuildFunction[x]首页[x]列表,拉起Loading(完成)[x]出租列表(待完善)[x]出租列表(待完善)[x]空闲列表(待完善)改进)[x]展览(已完成)[x]热门帖子(待改进)[x]]画廊(已完成)[x]每周主题(已完成)[]详情页(未完成)[x]发布(待完成改进)[]更多[x]收到评论(完成)[x]类别和标签(已完成)[x]数据排行榜(已完成)[x]发现(未完成)[]更多模块(等待脑细胞复活)[]个人中心(无后台功能限制)[x]修改资料(待完善)[x]关注(已完成)[x]收藏(已完成)[x]点赞(已完成)[x]已发布帖子(已完成)[x]发表评论(已完成)[x]手机绑定(已完成))[x]黑名单(已完成)[x]关键词过滤(已完成)[]发布权限(未完成)[x]登录注册(不限制后台功能)[x]登录主页(完成)[x]登录(完成)[x]注册(完成)截图手机PC项目目录说明
├──build//构建服务和webpack配置├──config//配置不同项目环境├──dist//项目构建目录├──index.html//项目入口文件├──package.json//项目配置文件├──Mock//Mock数据文件├──src//生产目录│├──assets//图片资源│├──components//各种组件│├──page//page│├──atlas││├──index.vue//gallery│├──home││├──home.vue//主页││├──more│││└──discover.vue//discover│││└──index.vue//more-主页│││└──information.vue//收到评论│││└──label.vue//类别和标签│││└──ranking.vue//数据排行榜││├──others│││└──index.vue//His(her)information││├──publish│││└──index.vue//publish││├──user│││└──blacklist.vue//blacklist││└──cellphone.vue//绑定手机手机│││└──光盘uss.vue//发表评论│││└──follow.vue//我关注的人│││└──index.vue//个人中心-首页│││└──keyword.vue//关键词过滤│││└──login.vue//登录注册-主页│││└──loginpassword.vue//登录注册-登录│││└──modifydata.vue//修改数据│││└──register.vue//登录注册-注册│││└──Userissue.vue//发布的帖子,点赞,收藏,关注人的话题││├──index.vue//底部四栏│├──router//路由配置文件│├──vuex//vuex配置文件│├──App.vue//主页面│└──main.js//Webpack预编译入口update2017-8-30更新代码本项目第一次上GitHub开发周期:一周半(晚饭后代码到睡前代码)由于一开始的代码逻辑和结构比较杂乱,已经有了下次更新的计划1.使用Vuex验证登录状态。2.将项目中使用率高的组件,比如区域选择,打包成一个组件。3.更换图集页面的新模块和展示方式。4.优化代码逻辑和结构。5.随机图源加速2017-09-07第二次版本更新(不好意思,最近比较忙所以更新晚了)开发周期:一周(晚上偶尔会空码)1.修复了初始模型的一些bug(如个人中心登录、页面效果等)2、优化登录、注册、个人中心交互和代码逻辑(可惜时间有限,没有引入vuex)3、大部??分页面增加toast状态提示(如loading、success,failureWait...)4.更改了随机img源(但是因为不是国内服务器而是CDN嫁接,所以加载还是会比较慢)5.增加了Ta的信息(可以从发现等入口获取)下次更新计划1.图集页面改版(应该是第二次更新计划,但脑子里只有第一稿)2.使用Vuex管理登录状态等状态3.增加文章详情页2017-10-08这次更新了一些pc端(pc端和界面的交互耗费了很多脑细胞,让我骄傲哈哈哈哈)因为重要模块还没有完成,在线地址无法预览。可以在本地clone项目查看具体路由地址,查看路由配置文件。开发周期:国庆放假一周,同样使用了Muse-UI框架,所以在原有项目上继续开发,暂时只完成了首页、详情页、个人中心页。关于PC端和移动端的跳转,我会选择使用Vue-Router的路由钩子来完成PC端的布局。变化很大所以这次更新不算太多