Skip to content

采用react、react-router、redux-thunk、ant-mobile开发的cnode网页app

Notifications You must be signed in to change notification settings

jiliangmason/Cnode-Webapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cnode客户端:

运行方式:

npm install

npm run start

或者直接打开dist/index.html

浏览器打开本地8088端口

功能:

  1. 登录退出
  2. 列表分页,下拉自动加载
  3. 发帖(成功后跳转到详情页),回复帖子,点赞
  4. 查看消息
  5. 个人中心
  6. 查看别人的资料

项目概述:

  1. webpack移动端antd-mobile的配置,热替换,代码压缩,CSS分离等plugin
  2. 布局方面flex盒模型布局,less负责每一个相应的Component
  3. 每一个container组件都有一个相应的reducer,比如Login组件的Login(reducer)
  4. 采用了redux-thunk,使action返回一个函数,实现了异步
  5. 与后台的交互采用fetch,Promise异步处理结果,后台Api来源Cnode官网
  6. React-Router负责个人/他人详情页面跳转,暂时采用React-Router2.0以后更改为4
  7. 多分辨率适配还存在一些问题,后台Api中的编辑发布功能不支持修改测试区的主题,所以暂时未做这部分

未登陆时可查看:

frontpage frontpage2 details1 details2 details3 myinfo publish

登陆状态下:

my publish1 publish2 reply up collect message logfront logout

redux的状态树一览:

state1

state2

About

采用react、react-router、redux-thunk、ant-mobile开发的cnode网页app

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published