Giter Club home page Giter Club logo

mydiary-vue's Introduction

my-diary-vue  

JavaScript Style Guide

简介

这个应用出自一部(曾经)很火的动画电影,这个电影的水平还是和人气成正比的
看电影的时候注意到这个日记应用,忍不住立刻仿了一个,那时候用的是jquery
之后,学Vue也有一段时间,浏览器端用得还算熟练,开始想更了解Vue的生态系统
看完了各种资料后,觉得难懂的地方还是必须从实践中理解,于是再次想起了MyDiary  
其中不少不熟练的地方,请大家在issues提醒我
这个项目前后端分离,后端使用nodejs和express实现RESTful API(MyDiary API
数据库选择了mongoDB,由于对数据库不太熟悉,数据库构建还是有所欠缺      
前端使用了vue全家桶,使用webpack进行打包

技术栈

vue2 / vuex / vue-router / webpack / ES6 / less

主要功能

  • 电话本,有搜索功能,有侧边栏的字母索引
  • 代办事项,可以新添、删除事项,划线表示完成
  • 笔记本功能,有搜索功能可
  • 可翻页小日历

todo

  • 登陆界面
  • 注册界面
  • 设定页面
  • 日记页面无限滚动翻页
  • 日记修改功能
  • 搜索功能
  • 数据库结构优化
  • 交换日记
  • 使用electron构建pc端
  • 十分遥远的下一个目标,重构为PWA

界面截图

截图使用fireshot
ss1 ss2 ss3 ss4 ss5 ss6 ss7

安装

其实在登陆系统没做好之前,这个项目完全可以用作自己的网络笔记本和代办事项,欢迎各位使用
请先确定安装好了node.js和mongoDB
运行前请先安装MyDiary API

# install dependencies
npm install

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

# build for production with minification
npm run build

PS

17.7.26 BD就要发售啦!到时候可以仔细研究下剧中的App了~

mydiary-vue's People

Contributors

ssshooter avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

mydiary-vue's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.