Skip to content

不采用框架做一个单页应用:商家发布打折信息的应用。后台采用nodejs+mongodb进行用户信息的存储以及商家消息的存储

Notifications You must be signed in to change notification settings

yuzai/dazhequan

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

目的

之前对照N-blog完成了一个纯mvc的一个多人博客的应用,想到最近流行的前端框架,认识到,传统的mvc的技术手段存在访问速度慢的问题,衍生出了前后端分离,前端路由,前端模板渲染等技术。在学习了一段时间的react以及vue,weex之后,我觉得不借助框架,完成一个自己的单页应用,才能更好的体会到react,vue产生的原因以及他们的工作原理,所以,我做了一个商家发布消息的一个单页应用。

当前的功能

页面的划分:

  1. /:主页,显示最新发布的10条消息
  2. /login:登录页面,进行用户登录
  3. /register:注册页面
  4. /logout:登出页面,2s后返回主页
  5. /post:信息发布页面

存在的问题

  1. 后台还没有部署到服务器上,目前只能在本地运行,计划部署到heroku上
  2. 前端的模板渲染直接采用变量存储页面+dom操作的方式实现页面的修改,目前考虑handlerbar等工具实现
  3. 页面的js代码没有进行分模块管理,代码挤在1-2个js文件中,不易扩展,不易阅读,目前计划采用webpack 2进行模块化管理(不用require.js,seajs因为目前es6支持原生的模块化管理,这两个库已经停止更新了),直接支持es6的模块管理,很方便(这一步已经实现,此库停止更新,仅留作纪念,webpack构建的仓库在这里)
  4. 服务器端的代码可能存在阻塞问题,还没有研究清楚

学到的技术及思想

前端

  1. location.hash+ajax实现前端路由
  2. es6 ``操作符的使用,可以很好的书写html页面,用来存储各个页面的模板
  3. jwt的验证方式,公钥私钥的一些加密算法原理
  4. CORS,jsonp等跨域手段
  5. locationStorage,session,cookie等存储手段
  6. gulp自动化构建工具

后台

  1. mongoose+mongodb的一些基本操作
  2. jwt-simple的使用
  3. 后端越来越倾向于提供api,接收前端的请求,返回对方需要的数据

About

不采用框架做一个单页应用:商家发布打折信息的应用。后台采用nodejs+mongodb进行用户信息的存储以及商家消息的存储

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published