ReQS

体验地址 ReQS前台部署在阿里云，mongodDB部署在国外，接口访问可能较慢。

主题名称

「Req」+「Res」 = ReQS ReQS，取自 Request、 Response的前三个字母的。

主要技术栈

React + Dva + Antd + roadhog + Express + MongoDB

开发环境

Node.js: v7.9.0
MongoDB: v3.4.3
Express: 4.15.2

项目介绍

本项目由三部分组成，面向普通用户、游客的问答前台，面向管理员的后台管理系统，以及提供数据持久化的后端。

主要功能

提问
回答
评论
点赞
投票
搜索
关注
上传图片
个人信息管理
访问次数计数
集成社会化分享
回答排序
回到顶部

通用功能

注册
登录
注销
用户状态持久化

TODO

增加消息提示

后台管理系统功能

功能性

注册用户统计
问题总数统计
回答总数统计
话题总数统计
用户信息管理（搜索、添加、修改、删除）
话题管理(搜索、添加、更新、删除)
问题管理（加精、查询、删除）

Web安全

XSS防御

测试脚本未做XSS防御页面

用到的知识

session

当用户首次登入时，服务器为该用户创建一个 session ID，同时向游览器传送一个 cookie，cookie保存会话连接中用到的数据，session ID作为会话标识，游览器后续的请求均基于该session ID。

关于RESTful（表现层状态转移） API

作者Roy Fielding URL定位资源，用HTTP动词（GET,POST,DELETE,DETC）描述操作

(1）每一个URI代表一种资源；（2）客户端和服务器之间，传递这种资源的某种表现层；（3）客户端通过四个HTTP动词，对服务器端资源进行操作，实现"表现层状态转化"。

Redux

Redux 是 JavaScript 状态容器，提供可预测化的状态管理。可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。

用到的工具

react-markdown

前台构建过程

step 1

dva new sf
cd sf

step 2

npm i antd --save
npm i babel-plugin-import --save-dev

在修改 .roadhogrc，在 "extraBabelPlugins" 里加上： ["import", { "libraryName": "antd", "style": "css" }]

step 3

修改roadhog版本 cnpm install [email protected] --save-dev

step 4 基础设施

Ajax请求封装

我们使用axios作为我们ajax库

szwork2013 / reqs Goto Github PK

reqs's Introduction