Skip to content

Latest commit

 

History

History
152 lines (130 loc) · 4.62 KB

README.md

File metadata and controls

152 lines (130 loc) · 4.62 KB
Raw

sixday

A Vue.js project

简介

这是一款个人日记单页面应用，分为日记列表、日记发布、动态地图、个人中心、日记详情、天气、日历7个页面，8个组件，19个功能点。

技术栈

Vue2 + Vue-router + Webpack + weixin + Axios + Node.js + PostgreSQL

安装运行

# install
git clone [email protected]:vJane/sixday.git

cd sixday

npm install

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

目标功能

  • 展示当地地点，天气
  • 上传图片
  • 微信qq分享
  • 发表日记
  • 日记详情
  • 日记列表
  • 日记筛选
  • 日记删除
  • 照相
  • 折线地图展示
  • 自动生成行走轨迹
  • 登录注册
  • 上传头像
  • 个人资料展示
  • 个人资料修改
  • 退出账号
  • 天气页面
  • 日历页面
  • 微信签名
  • 微信分享测试
  • 失败交互统一弹窗

总结

从大三开始构思，先完成了功能需求分析和设计图。当时工作接触到了微信接口、地图接口、vue这些技术，但从未真正意义上从底层开始实现，完成了地图接口后开始对做项目有了信心。在工作中开始学习构建项目，上传服务器，搭建好项目环境，完成接口调用。

截图

日记列表页

日记发布页

动态地图页

个人中心页

日记详情页

天气页

日历页

项目布局

.
sixday/
├── README.md                     // 说明文件
├── build                         // 打包文件
│   ├── build.js
│   ├── check-versions.js
│   ├── dev-client.js
│   ├── dev-server.js
│   ├── utils.js
│   ├── vue-loader.conf.js
│   ├── webpack.base.conf.js
│   ├── webpack.dev.conf.js
│   ├── webpack.prod.conf.js
│   └── webpack.test.conf.js
├── config                         // 配置文件
│   ├── dev.env.js
│   ├── index.js
│   ├── prod.env.js
│   └── test.env.js
├── eslintignore
├── eslintrc.js
├── index.html                     // 入口html文件
├── main.js
├── package.json
├── screenshots                    // 屏幕截图
├── server                         // node服务器
│   ├── api.js
│   ├── app.js
│   ├── configs
│   │   └── db.js
│   ├── controls
│   │   ├── diary.js
│   │   ├── file.js
│   │   ├── map.js
│   │   ├── qiniu.js
│   │   ├── user.js
│   │   └── weixin.js
│   ├── package.json
│   ├── routes
│   │   └── router.js
│   └── sql
│       ├── func.js
│       └── sixday.sql
├── src
│   ├── App.vue
│   ├── assets
│   ├── components                    // 公共组件
│   │   ├── Amap.vue
│   │   ├── HeaderBar2.vue
│   │   ├── Hello.vue
│   │   ├── Login.vue
│   │   ├── Register.vue
│   │   ├── TabBar.vue
│   │   ├── UserModify.vue
│   │   └── Weather.vue
│   ├── main.js
│   ├── public
│   │   └── func.js
│   ├── router
│   │   └── index.js
│   ├── views                         // 页面文件
│   │   ├── Calendar.vue
│   │   ├── Details.vue
│   │   ├── Index.vue
│   │   ├── Lists.vue
│   │   ├── Map.vue
│   │   ├── Personal.vue
│   │   └── WeatherPage.vue
│   └── vuex                           // vuex
│       └── store.js
.

18 directories, 115 files