No description or website provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
build
config
src
static
.babelrc
.editorconfig
.eslintignore
.eslintrc.js
.gitignore
.postcssrc.js
README.md
index.html
package.json
prod.server.js

README.md

saowen-app-by-Vue

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

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

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

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

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

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


项目地址

代码地址

电脑端地址

手机预览,扫二维码:

截图1


之前写了个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
截图1 截图1 截图1 预览2
截图1 截图1 截图1 预览3
截图1 截图1 截图1 预览4
截图1 截图1 截图1 预览5
截图1 截图1 截图1 预览6
截图1 截图1 截图1 预览7
截图1 截图1 截图1 预览8
截图1 截图1 截图1

进度记录

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

to do

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

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

创建模板

vue init webpack  (your project name)

编译环境

cd (your project name)
npm install
npm run dev

访问 http://localhost:3000

打包


npm run build