学生的web期末大作业，使用HTML+CSS+JS+PHP进行设计，参考了其他博客，实现了内容展示，用户登陆注册，后台管理等功能，功能全面，内容丰富，排版清晰，主题鲜明，有助于初学者学习，本文讲大致介绍如何设计并将其转换为代码，其中各模块的详细演示和代码将在另外的博客进行详细讲解。 🐾

一、网站主题🐾

🌰中医药代表人物介绍、中医药成就介绍等网站的设计与制作。

二、网站描述🐾

🌰网站主要展示了中医药代表人物的中医药成就以及中医药经典书籍，并通过小游戏、小答题，使用户进一步了解。同时，用户可观看中医药记录片进一步加深认识。网站的交互风格基本一致，动态生动的风格，充分吸引浏览者眼球。

三、实现需求

🌻结合设计主题进行设计实现，风格积极健康

🌻网站内容可从文件或数据库读取

🌻需要实现网站后台管理功能(管理员账号登录)，即可以对数据库的页面内容进行增删改查操作

四、网站效果🐾

4.1 流程设计

---

4.2 功能层次

---

🌻杏林春暖：本模块可以浏览对我国古代中医药有突出贡献的中医名家的介绍及它们的中医药方面成就的简要介绍。可通过点击左上角导航定位到相应的人物。

🌻传世著作：本模块可以浏览我国古代比较有代表性的中医药著作的介绍。可通过右底部的导航切换。

🌻大医精诚：本模块可以观看多个关于中医药的纪录片。可通过导航按钮切换到游戏、挑战模块。

🌻游戏：本模块是记忆类翻牌小游戏，用户可以通过匹配中医与其成就过关。可通过导航按钮切换到大医精诚、挑战模块。

🌻游戏：本模块是中医药知识答题挑战，题目是随机抽取的，用户可以重复挑战。可通过导航按钮切换到大医精诚、游戏模块。

🌻登录注册：鼠标悬浮在首页导航栏右侧圆形图片上会提示登录注册或已登录信息；点击可进入登录注册页面。

🌻登录注册页面：可根据提示词点击相应按钮切换登录、注册框；根据输入框提示，填写相应信息，可进行用户登录、注册。若忘记密码，也可用户根据提示填写信息，修改密码。

🌻管理员页面：管理员根据输入框提示，填写相应信息，可进行管理员登录，进入后台管理页面。

🌻后台管理页面：进入后台管理页面，管理员可以查看相关信息，并能对用户信息进行增删改，还可以添加新的管理员。

4.3 界面设计

---

🌰首页

🌰杏林春暖

🌰传世著作

🌰大医精诚

🌰游戏

🌰挑战

🌰登陆注册

🌰后台管理

五、网站代码🐾

5.1 文件结构

---

5.2 代码

---

gitee : https://gitee.com/nahumlu/luluna

六、非原创部分说明🐾

🌰jquery、bootstrap框架

🌰font-awesome开源图标库

🌰页面涉及的文献资料、图片资料

🌰游戏界面的核心代码