ibaserve/nodejsvuepractice

Vue和Node.js实践

1 Node说明

一起学 Node.js
Node.js v8.4.0 文档

2 博客项目说明

项目说明

0 用ES6+Express+mysql+nginx实现的一个简单博客。
1 整个项目是在一起学 Node.js 的基础上修改的，除了渲染部分原封不动，其他都基本上重写了。这里再次感谢大神的博客，让我顺利的实现部署。但是由于原来项目的局限性，我根据自己的情况做了更改。
2 尽量使用ES6特性，比如async/await,Promise等来替代回调魔咒。让代码更加可读。
3 用mysql和nginx是因为我问别人都说生产环境基本都是这个组合。从而谋生了尽量模拟生产环境的想法。mysql和mongodb还是有很大的区别，在改造的过程中调试数据花费了很多时间。
4 用nginx做静态资源处理，public目录下的css和图片都通过nginx静态加载。实现了动静结合。
5 总共有四个数据库表。表的结构放在数据表建表文件下。需要模拟的导入就可以了。
6我已经成功部署到阿里云上面。大家可以点击地址查看，我就不改数据库链接数据了，大家别搞事就好。线上演示。
7整个项目还是比较新颖，难度、广度、新鲜度都维持在一个很好地方。主要还是nswbmw大佬底子打得好。
8代码地址在这里。有不足的地方欢迎大家改正更新。在部署或者搭建的过程中遇到什么问题欢迎开issue反馈沟通。
9 npm install安装。然后npm run dev来本地运行，数据库链接就是我阿里云的服务器。npm run start是我部署到阿里云运行的命令。npm run prd是本地模拟阿里云环境

演示

3 Vue项目说明

1 WeatherVue练手项目，比较简单、但是是一个完整的项目架子，有兴趣的可以自己拉下来看看改改。
2 这段时间比较忙，天气预报页面做的特别粗糙、代码也写的有些乱，暂时搞一个段落。
3这个项目是我作为新手的学习项目，实现了省市区选择、添加加载、不同天气信息切换、基本上正式项目中用到的模块都有涉及。适合想学vue的朋友入门学习资料。
4技术栈是Vue+VueRouter+webpack+Less+VueResource+VueTouch。

WeatherVue运行步骤:

1 进入WeatherVue目录
2 npm install安装依赖初始化项目
3 npm run dev运行项目
4 用浏览器打开localhost:8080查看运行效果
5 打包运行,npm run build。

WeatherVue演示:

-

参考资料列表:

http://cn.vuejs.org/v2/guide/
开发一个插件 (for vue.js) 并发布
vue-router源码分析-整体流程
剖析Vue原理&实现双向绑定MVVM
利用JavaScript数据绑定实现一个简单的MVVM库
vue-cli#2.0webpack配置分析
vue 2 + vue-router 2 实现SPA
一个vue实现的轮子