saowen-app-by-Vue

仿扫文小院,但界面是瞎搞的。

这个项目主要为了学习了Vue和vue-router，vuex等，学习单页面应用的构建。

在隔壁node项目的基础上做的，共用一个数据库。

还没写数据的交互，现在还只是界面（所以现在怎么点也不会改变数据）。

为了调试方便，程序里存了图片，但是服务器上的没有。

所有素材来自网络，仅供个人学习和练习使用

---

项目地址

代码地址

电脑端地址

手机预览，扫二维码：

---

之前写了个web端的node项目，去看隔壁???

预览地址

代码地址

---

用到的技术栈

Nodejs+mongodb+webpack+Vue.js+vue-router+vuex

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

---

界面预览

预览1
预览2
预览3
预览4
预览5
预览6
预览7
预览8

进度记录

• 写好静态界面
• 数据渲染完成
• 搜索功能完成
• 界面搭建完成
• 初步了解Vue项目的部署，已经部署上线

to do

• 没有和数据库实现交互
• 数据库的添删改查

---

下面仍旧是杂七杂八没有条理也没有卵用的笔记。

创建模板

vue init webpack  (your project name)

编译环境

cd (your project name)
npm install
npm run dev

访问 http://localhost:3000

打包

npm run build