写在前面由于最近公司业务不是很忙,空闲时间比较多,所以纠结于Vue.js(之前学过)和节点。不如先研究js,最后选择了先玩Node.js。经过一段时间的学习,有一个Node+Koa2+Mysql搭建简单博客的教程github地址,想了解的可以先看看,个人水平有限,希望对你有所帮助。大约一个月后,我决定以两种方式开始工作。使用Node.js编写前端界面,配备后台管理功能,先搭建后台。大概过了几天,在后台实现了一些简单的功能后,开始使用Vue.js开始搭建前台,一直在思考怎样做比较好,于是做了一个类似豆瓣评分的项目。前端项目地址https://github.com/wclimb/vue...前端预览http://video.wclimb.site后端项目地址https://github.com/wclimb/vid...后台管理http://vue.wclimb.siteAPI接口地址https://github.com/wclimb/vid...技术栈(Vue2.js+Node.js全栈项目)由于页面不多,vuex用的不多,关键是掌握只是如何实现vue2+vuex+vue-router+webpack+fetch+sass+flex+svg+阿里字体图标gitclonehttps://github.com/wclimb/vue-video.gitcdvue-videonpminstall推荐淘宝镜像(https://npm.taobao.org/)=>cnpminpmrundev(运行项目)npmrunbuild(打包项目)ps:如果文件打包后无法运行,请在打包前设置路由的模式:'history'注释掉,该功能去掉url中难看的#。功能注册登录注销+验证码密码检测,如果用户不存在,会自动创建检测是否登录,如果未登录,则不允许发表评论和评价。可以后台上传视频,前台显示评分功能,初始评分可以自由设置,如果没有人喜欢,默认显示原始评分,如果有,则计算当前视频评分,修改用户名,查看用户名是否和其他人重复上传过头像,默认没有头像评论功能,评论可以显示在个人中心,删除搜索功能,可以搜索现有视频,如果没有结果,则不会显示任何结果。您喜欢的视频和评论的内容会显示在个人中心总结一下:[x]注册[x]登录[x]注销[x]验证码[x]详情页[x]分类[x]分类视频列表[x]修改用户名[x]上传头像[x]评论[x]删除评论[x]搜索[x]个人中心数据。如果您觉得对您有帮助,请关注。如果你有任何问题,你可以问他们。如果觉得不错,可以star。模式首页默认只展示10个分类,可以查看更多展示所有预览:vue-video手机扫描图片下二维码预览后台在线地址技术栈:Node+Koa2+Mysql预览:video-adminGitHub:管理后台,欢迎反馈给我,可以使用以下联系方式与我互发邮件(875246904#qq.com,把#换成@)QQ:875246904微博:@wclimb目录结构|--build//webpack配置文件|--config//项目打包路径|--src//源码目录||--assets//图片文件||--base//移动端适配||--组件//组件||--数据//接口||--router//路由配置||--store//状态管理||--样式//样式|App.vue//页面入口文件|main.js//程序入口文件|--static//静态资源|--.babelrc//ES6语法编译配置|--.editorconfig//代码编写规范|--.gitignore//git忽略的文件|--.postcssrc.js//post-loader的插件配置文件|--index.html//入口html文件|--package.json//项目和工具的依赖配置文件
