三创周丨2018/2117班 《动态网站项目实训》课程结课学生作品展示

课程：动态网站项目实训

展示班级：202018、202117计算机网络技术预备技师班

指导老师：周明明

项目简介：

《动态网站项目实训》课程是技师学院计算机网络技术专业的专业技能课，是一门理论与实践并重的课程。通过本课程的学习，要求学生掌握ThinkPHP5.0控制器、数据模型、视图和模板、路由、数据库操作等基础知识；并结合BootStrap、Jquery等框架，开发出符合Web标准的中小型网站。通过项目的开发实施，强化了学生网站设计与制作技能，积累了网站开发经验，激发了学生学习兴趣，提升了学生自主学习的能力，培养了学生的效率观念、诚实守信意识、乐观健康意识，以及良好的敬业精神、协作精神、创新精神等。

1

项目成员：202117 何东航

项目介绍：

本项目基于thinkphp5、bootstrap、JQuery等技术，实现了自适应的新闻综合管理系统。前台主要模块有文章，24小时快讯，今日话题，热点精选，关于我们等，后台则实现了对每个模块信息的综合管理。

界面设计与实现：

（一）前台首页

浏览新闻是所有用户都具有的最基本的权限，为了方便用户对新闻的快捷浏览，首页提供了新闻的分类浏览功能。PC端及手机端的页面效果如下：

1. 界面设计

2.主要代码

登录验证包括两个方面，一是验证用户输入的值是否符合格式要求，二是验证用户名、密码和验证码是否正确。项目利用ThinkPHP的验证器，创建类文件定义字段的验证规则。编写Auth类专门负责与用户相关的验证、授权等功能。用户名和密码验证成功后，使用PHP中的Session机制保存登录状态。

1.后台首页

2.新闻管理模块

该模块提供新闻的增、删、改、查入口。

3.新闻发布

填写页面相关内容，然后点击发布新闻，即可将自己的新闻发布出去。支持图文新闻的发布。

4.新闻修改

5.用户管理界面

用户管理模块也提了增、删、改、查功能。也支持手机端操作。

2

项目成员：202117 郑泽渐

项目介绍：

该项目用thinkphp5.1、bootstrap与JQuery等框架完成，该系统分前台，后台，后台登录成功后，可以进行前台网页数据管理，可以创建角色设置权限管理前台网页；设置的角色登录成功后，只能使用管理员分配了权限的控制器和方法。

界面设计与实现：

（一）前台首页

首页展示了最新新闻、热点新闻；以及分类显示新闻。页面效果如下：

（二）分类新闻展示

（三）新闻详情页面

（四）登录页面

采用Ajax提交表单数据到控制器。控制器使用Validate验证数据，数据验证成功登录到后台。

（五）后台用户管理

用户管理界面可以分配角色来控制权限，还可以进行增删改等操作。

（六）后台侧边栏菜单管理

（七）角色管理

对角色名称增删改，查看角色权限，删除角色则需要先把使用了该角色的用户修改为别的角色才能删除，角色删除时对应的权限控制也会一起删除。

（八）权限管理

可以对角色的权限编写‘*’代表所有。

（九）新闻管理

可以对新闻增删改查，新闻删除，图片文件也会跟着一起删除。

（十）新闻类型管理

对新闻类型名称增删改操作，新闻类型给删除对应的新闻也会删除。

（十一）轮播图管理

对轮播图的增删改，删除轮播图同时删除对应的图片文件。

(十二)后台安全

后台所有数据都添加了令牌验证，确保数据安全。

3

项目成员：202018 文俊毅

项目介绍：

该项目用thinkphp5，bootstrap，ajax，layui，swiper 完成了一匠公司官网，该项目有前台和后台两大模块。前台首页展示了公司新闻，关于我们、公司案例等资讯；后台包含用户管理,新闻管理、关于我们、广告管理、中益服务、案例管理、流量查看等模块。

界面设计与实现：

（一）前台首页

首页展示了公司动态,导航以及轮播图：

该前台使用了bootstrap栅格化布局,导航栏使用layui框架完成， 轮播图使用swiper插件完成,轮播图及公司动态的数据均从数据库中获取。

控制器采用查询构造器查询数据库中所有的案例，并将数据存储在数组中。通过assign方法将数组数据分配到视图页面中。在视图页面，通过循环将案例显示在前台，除此之外还有增删改查，排序，状态筛选方法。

流量统计页面

该折线图使用了Apache ECharts插件,对官网每天的访问量进行了统计。

4

项目成员：202117张棋宁

项目介绍：

该项目用ThinkPHP5、Bootstrap与layui等框架完成。管理员登录成功后，可以进行图书信息管理，查看在馆书籍，实现图书增加、删除、搜索、修改功能；还能对账号、用户信息进行管理。

界面设计与实现：

封面提供了用户登录/注册入口，登录后进入首页，游客也可访问首页。

首页展示了公告、咨询、活动、专题、问题反馈等模块，以轮播图的形式展示热门图书。页面效果如下：

登录需验证用户输入的用户名、密码和验证码是否正确。未登录不能访问后台，项目利用ThinkPHP的验证器，创建类文件定义字段的验证规则。编写Auth类专门负责与用户相关的验证、授权等功能。用户名和密码验证成功后，使用PHP中的Session机制记录登录状态。

可根据书名、作者、图书类型、图书文种等进行模糊查找。

管理员可对用户进行添加、修改、删除操作。

对前台用户提交的问题进行处理  。

5

项目成员：202117侯仁烨

项目介绍：

该项目用thinkphp5、bootstrap与Javascript等框架完成了新闻管理系统，该系统分前台，后台两大平台。前台为新闻分类显示，新闻详情展示。后台包含用户管理，分类管理,新闻管理，评论管理，轮播图管理等模块。

界面设计与实现：

首页分类显示新闻。页面效果如下：

点击新闻标题可以进入新闻详细页面查看，点击更多可以查看该类别所有新闻。

控制器采用查询构造器查询数据库中该类别的新闻数据，并将数据存储在数组中。通过assign方法将数组数据分配到视图页面中。在视图页面，通过循环将新闻列表显示。

用户输入信息，控制器端会进行信息完整性及正确性验证，通过验证才能进入到系统后台页面。登录成功，系统会保存用户的登录状态。

后台包含了用户管理、新闻管理、新闻分类管理等模块。

上述模块都支持添加，修改，删除和查询功能。

6

项目成员：202117吕盛安

项目介绍：

该项目用thinkphp5与JQuery等框架完成，系统分为前台和后台两个部分。前台模块分类展示了热门图书。管理员登录成功后，可对用户、图书及读者评论进行管理。

界面设计与实现：

首页展示了搜索框、图书种类以及图书详情和图书作者。页面效果如下：

用户输入信息的登录验证包括两个方面，一是验证用户输入的值是否符合格式要求，二是验证用户名、密码和验证码是否正确。项目利用ThinkPHP的验证器，创建类文件定义字段的验证规则。编写Auth类专门负责与用户相关的验证、授权等功能。用户名和密码验证成功后，使用PHP中的Session机制保存登录状态。

后台主页由三个部分组成：头顶导航栏，左边的菜单栏和主体内容部分。头顶的导航栏设置了退出登录按钮和账号登录状态显示栏；左边的菜单栏运用js技术把每个模块做了归类，每个大模块中又分几个小模块，按下不同模块会跳转到相应界面；中间内容展示了在馆的图书，方便管理员进行管理，右下角实现了实时更新时间的功能。

用户管理模块可以对用户信息进行增删改查；图书管理有图书详情管理和图书类型管理两个小模块，两个模块均实现增删查改功能，读者评论板块是则是对读者的评论内容进行管理。

用户管理系统可以查看用户的名字、密码和创建时间修改用户信息时间，实现了增删查改、分页、搜索框等功能。

图书管理分为图书详情和图书类型两个小模块，图书详情界面可以查看书的书名、文种、图书类型、作者以及上架时间和修改时间，图书类型则是可以看到在馆图书有几个类型，这两个小模块均实现了增删查改功能，添加了分页功能和搜索框，输入指定内容便可找到想要的数据。

新增图书界面可以通过输入书名、文种、图书类型和作者添加上架图书，并且会显示上架时间，图书信息修改界面则是通过书名、文种、图书类型和作者修改在架图书信息，修改成功后，修改时间也会随之更新。

读者评论界面管理员可以查看到读者阅读过的图书、图书作者、读后评论、评论时间和修改评论时间，有分页、搜索框、增删查改等基础功能。

7

项目成员：202117叶旺高

项目介绍：

该项目用thinkphp5、bootstrap与JQuery等框架完成了班级相册系统，游客可以浏览班级相册，管理员登录成功后，可以进行相册、相片、用户信息等进行管理。

界面设计与实现：

用户输入信息的登录验证包括两个方面，一是验证用户输入的值是否符合格式要求，二是验证用户名、密码和验证码是否正确。项目利用ThinkPHP的验证器，创建类文件定义字段的验证规则。编写Auth类专门负责与用户相关的验证、授权等功能。用户名和密码验证成功后，使用PHP中的Session机制保存登录状态。

显示系统相关信息以及运行环境，当前时间与天气状况。主要有用户管理、相册、相片管理三个模块。

相片管理页面采用tp5查询构造器等方法对相片进行增删改查,运用了文件上传将图片存入数据库内。

8

项目成员：202018 吴明书

项目介绍：

该项目用thinkphp5、bootstrap与JQuery等框架完成了班级教师任课系统，该系统由管理人员进行管理。管理人员登录成功后，可以查看和修改个人信息，也可以对用户、学生、老师、课程、班级、班级课程信息进行管理。

界面设计与实现：

控制器采用数据模型查询数据库中所有类别的user数据，然后将其与用户输入的数据进行匹配，成功者进入系统界面，失败者继续显示登录界面并且提示登录错误。

后台包括用户、学生、老师、班级、课程、班级课程管理等模块。

页面效果如下：

控制器采用数据模型查询数据库中user表中的数据，并将数据存储在数组中。通过assign方法将数组数据分配到视图页面中。并且还运用isAax进行用户在界面搜索框进行输入的数据判断，并将数据存储在数组中。然后在通过assign方法将数组数据分配到视图页面中。用户管理界面提供了用户管理入口。

控制器采用查询构造器查询数据库中所有类别的student表中的数据，并将数据存储在数组中。通过assign方法将数组数据分配到视图页面中。

控制器采用查询构造器查询数据库中所有类别的teacher表中的数据，并将数据存储在数组中。通过assign方法将数组数据分配到视图页面中。

控制器采用查询构造器查询数据库中所有类别的class表中的数据，并将数据存储在数组中。通过assign方法将数组数据分配到视图页面中。

控制器采用查询构造器查询数据库中所有类别的course表中的数据，并将数据存储在数组中。通过assign方法将数组数据分配到视图页面中。

9

项目成员：202018 何育健

项目介绍：

该项目用thinkphp5、bootstrap与JQuery等框架完成了图书管理系统。管理员登录成功后，可以进行用户管理，新增和更新用户信息；也能对图书类型进行管理；对书店图书的进行更新进行管理。

界面设计与实现：

首页展示了最新图书、爆款图书；以及分类显示图书。页面效果如下：

控制器采用判断对用户名和密码进行判断查询在数据库中是否存在，正确进入后台，错误将重新返回登录页面。

对书店图书的进行增加更新删除进行管理，及时更新数据和与类型表之间的相互链接。

铛铛~到这就结束啦

上面的作品都是同学们

辛辛苦苦的努力与心血

谢谢同学们的观看~