GithubHelp home page GithubHelp logo

talk's Introduction

Tongue(百舌)

基于Node.js技术开发的一个介于微博和论坛的小项目

运行方式

# open project
cd talk

# install dependencies
npm install


# run
 node app.js

# listening at localhost:8085

开发计划

  1. 登录注册(已成完)
  2. 个人基本信息(已成完)
  3. 首页显示帖子(已成完)
  4. 发表帖子(已成完)
  5. 分页(已成完)
  6. 用户个人主页(已成完)
  7. 帖子评论(已成完)
  8. 成员列表(已成完)
  9. 细节完善加测试
  10. 待续

以上内容只是初步想法,以后根据实际情况修改。

相关技术

后端

  • node.js
  • express Node.js 框架
  • ejs 前端模板
  • express-session
  • formidable前端表单数据提交
  • mongodb 芒果数据库
  • silly-datetime 时间戳插件

前端

  • jquery
  • bootstrap
  • toast.js 消息提示框插
  • cropper.js 图片裁剪插件

数据库

  • Mongodb

开发环境

  • Node

数据库表

  • users 用户表
  • posts 帖子表

功能模块说明

  1. 登录注册 (login.ejs,register.ejs)

登录注册 比较简单,就是插入数据和查找数据 。在Model文件夹下面db.js中已经好的底层的方法,直接调用就好。这要注意的是在登录后 生成session。

  1. 个人信息(personal.ejs)

个人信息的修改页面比较复杂,前台页面主要是头像的上传和裁剪,我这用到jquery插件cropper.js,这个插件功能差不错方便。 这个我将数据全部提交到后台(图片是裁剪后 生产数据流 传入后台).

  1. 主页面(index.ejs)

主页里面包括了,发帖,显示帖子,分页功能。发帖:必须先登录 ,登录之后才显示发帖的控件。显示页面:一次最多显示16个帖子,一个帖子包括头像 、姓名 、时间、帖子部分内容等。分页功能:这么没有做 数字分页(太复杂不想做),就直接上一页 和下一页.

更新记录

  1. 2017/07/26 开坑
  2. 2017/07/27 创建 首页
  3. 2017/07/27 前台注册页面的完成,验证,和ajax
  4. 2017/07/28 完成注册用户功能
  5. 2017/07/28 注册时 验证用户名是否存在
  6. 2017/07/28 注册时 验证用户名是否存在
  7. 2017/08/01 注册完善
  8. 2017/08/10 登录功能完成
  9. 2017/08/18 个人信息的前台验证和后台数据提交
  10. 2017/08/28 个人信息的头像裁剪和上传并保存数据库中
  11. 2017/09/01 正式改名(百舌),帖子的提交功能
  12. 2017/09/04 首页显示全部帖子,提交帖子优化
  13. 2017/09/19 首页的发帖,分页的完成
  14. 2017/09/25 个人主页的前台页面设计
  15. 2017/10/11 个人主页的数据交换完成
  16. 2017/10/24 帖子评论的显示页面完成,跳转
  17. 2017/10/26 帖子评论的提交,保存
  18. 2017/10/30 帖子评论的功能的完成
  19. 2017/11/02 成员列表功能的完成
  20. 2017/11/07 细节的完善

这个项目是我在公司有空时候做的 , 现在还在学习Node.js,在用这个项目做练习,各位有什么好的建议和意见欢迎提出来

历程

1. 2017/07/26

开坑,动手这个项目,用的是MVC架构。这是第一次用Node.js开发一个项目,也是一次前后台一起写。

2. 2017/08/10

动手做项目快一个月了,现在已完成登录注册,基本的雏形已经有了,有些地方的细节不够完善

3. 2017/08/18

个人信息的填写页面 做好久,其中图片上传和裁剪部门有点复杂。这里 我没有将图片上传到后台进行裁剪,而是在前台裁剪后通过数据流的形式 传入到后台处理。

4. 2017/08/28

终于把个人信息页面完成了,这个上传图片并保存在后台搞了我一天的时间。不过挺值的,让对node.js有了更深的了解

5. 2017/09/01

今天想的几个小时,暂时把这个项目名称定位:《百舌》 ,百舌之声。前期写做个人信息页面的是时候 ,基本上吧增,删,改做的一遍。先做提交帖子快多了。

6. 2017/09/04

现在做功能越来越快了,首页是显示全部帖子难点在于将两张表的数据整合在一起 ,将它传入到前台处理。

7. 2017/09/19

终于将一个复杂的功能完成,在这个期间进行了小小的测试,修改了几个bug。分页的逻辑 还是有点复杂,考虑的地方有点多,前台后台都要考虑。

8. 2017/10/26/

这么久了 这个项目快结束了,今天有对芒果数据库有学到新的技术,对于node的简单运用很熟练了。

9. 2017/10/30/

百舌项目 主要的功能 终于完成了 ,接下来就是细节的完成。

10. 2017/11/02/

热烈庆祝百舌项目全部功能完成了。接下的工作就将页面全部串起来,并将里面修改BUG

11. 2017/11/07/

已将所有的页面全部串联起来,接下来就是找人测试系统了。

路漫漫其修远兮 吾将上下而求索

talk's People

Contributors

treey-yao avatar

Stargazers

 avatar aboutboy avatar  avatar goodprogramer avatar Jianqiang Qiu avatar npcman001 avatar  avatar  avatar Semi avatar Marcustar avatar 谢五羊 avatar

Watchers

James Cloos avatar goodprogramer avatar  avatar

talk'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.