Skip to content

一个基于Vue.js 2.0 + Vuex + Vue Material的机票预订Web App

License

Notifications You must be signed in to change notification settings

SteveJrong/Air-China-Web-App-Vue

Repository files navigation

Air-China-Web-App-Vue(airchina-vue)

一个基于Vue.js 2.0 + Vuex + Vue Material的机票预订Web App | An airline reservation application based on Vue.js(v2.0) + Vuex + Vue Material.

构建步骤 Build Setup

1.更换npm的源为淘宝npm源: npm install -g cnpm --registry=https://registry.npm.taobao.org

2.全局安装所需的依赖库: cnpm install -g

3.安装vue-svg-icon插件: npm install vue-svg-icon --save-dev

4.启动: npm run dev

构建成品置于其他外部HTTP服务器运行

使用 npm run build 命令构建,将在项目目录下生成dist目录,即构建成功

项目现状

首页、搜索结果列表已开发完成

未来版本将实现

使用基于Java的微服务平台作为后端解决方案为其服务
登录注册功能
机票搜索结果筛选功能
机票预订、在线值机等功能

致谢(不分先后)

Vue.js https://github.com/vuejs/vue
vue-material https://github.com/vuematerial/vue-material
Vue-Notes https://github.com/MRLP0524/Vue-Notes
阿里巴巴矢量图标库 http://www.iconfont.cn/
FontAwesome https://fontawesome.com/icons?d=gallery
Icons8 https://icons8.com/
Webpack XML-loader https://www.npmjs.com/package/xml-loader

链接参考

移动端自适应 https://www.cnblogs.com/gaohuijiao/p/6200538.html
Vue中CSS作用域 https://vue-loader.vuejs.org/zh-cn/features/scoped-css.html
Google Material Design的配色方案表 https://material.io/guidelines/style/color.html#color-color-palette
Vue中Class 与 Style 绑定 https://cn.vuejs.org/v2/guide/class-and-style.html
Vue项目中引入外部文件的方法(css、js、less) http://www.jb51.net/article/119493.htm
在Tomcat上部署Vue.js项目 http://blog.csdn.net/xiaofeng187/article/details/75244429
实例 - Vue 单页应用:记事本 https://www.jianshu.com/p/918f1b29374d
Vue模板语法 https://cn.vuejs.org/v2/guide/syntax.html