效果图:
动图效果展示:
功能详解:
首页:
1.左上角日期动态显示;
2.轮播图从服务器动态渲染显示;
3.列表内容从服务器动态渲染显示,下拉加载更多。
详情页面:
1.显示详情页面内容
2.底端有返回、评论、点赞、分享等按钮,点击返回返回到首页,点击其他按钮显示登陆按钮。
登陆页面:
1.有知乎登陆和微博登陆两种方式;
2.底端有夜间和设置按钮,点击夜间切换夜间模式;点击设置跳转设置界面。
设置页面:
1.点击夜间模式,切换夜间模式
代码地址:
项目部署步骤:
1.下载项目
复制代码地址进入gitee,选择下载zip或直接用git、svn下载项目代码到本地。
2.运行服务器(需要安装node环境)
1.打开下载的项目文件,文件目录如下所示,点击进入server文件夹
2.进入server文件夹,在地址栏输入cmd,在弹出的窗口输入 node.server.js 运行服务器,显示
THE WEB SERVICE IS CREATED SUCCESSFULLY AND IS LISTENING TO THE PORT:8888 则服务器启动成功。在运行项目期间,不能关闭该窗口。
3.启动项目
用编辑器打开项目,运行index.html文件即可显示项目界面内容,也可直接点击index.html项目页面效果。