手机版知乎日报(含源代码及部署步骤)

489 阅读1分钟

效果图:

动图效果展示:

功能详解:

首页:

1.左上角日期动态显示;

2.轮播图从服务器动态渲染显示;

3.列表内容从服务器动态渲染显示,下拉加载更多。

详情页面:

1.显示详情页面内容

2.底端有返回、评论、点赞、分享等按钮,点击返回返回到首页,点击其他按钮显示登陆按钮。

登陆页面:

1.有知乎登陆和微博登陆两种方式;

2.底端有夜间和设置按钮,点击夜间切换夜间模式;点击设置跳转设置界面。

设置页面:

1.点击夜间模式,切换夜间模式

代码地址:

gitee.com/mo_limo/zhr…

项目部署步骤:

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项目页面效果。