大作业检查说明
- 1.文件及文件夹结构
- 大作业根目录下共有6个文件夹：images、css、js、bootstrap-3.4.1、jquery和html。其中，images文件夹用于存放商品图片，css文件夹用于存放各个页面所需的样式表，js文件夹用于存放JavaScript脚本，html文件夹用于存放HTML页面。
- 其中，前台部分网页名为index.html、detail1-1.html、detail1-2.html、detail1-3.html、detail1-4.html、cart.html、loginform.html、registerform.html、guide.html。后台部分网页名为listgoods_addgoods_searchgoods.html，涵盖库存管理、添加商品和搜索商品三个功能。
- 此大作业已经部署到Cloudflare的服务器上，欢迎尝试访问已经部署在网上的网址！地址：https://web.kazuhajia.link
- 2.页面设计小巧思
- 页面以米哈游的《崩坏：星穹铁道》的周边为主题，因为本人在平常的时候会玩这个游戏，同时相关周边收集的也挺多的，因此就会想着以这个为主题来设计整个网站的内容。产品相关实拍图，除商品评价部分以外，其余均由本人拍摄。
- 在登录和注册页面的背景图上，使用了《崩坏：星穹铁道》中角色相关表情包作为设计元素，底色经本人二次创作后作为背景图片应用到网页上。
- 在商品详情页面中，商品评论的内容和图片由来自于我朋友的部分，非常感谢她们的积极投稿！
- 在登录和注册页面中，输入信息后提交会返回到上级地址而不是直接返回主页，若无上级地址则返回主页。
- 在后台管理页面中，所有商品信息均为正确的商品名，名字与图片展示的顺序一致。同时，后台商品添加也和库存管理合二为一，因此可能会出现页面数偏少的情况。
- 总的来说，虽然做这些页面挺耗时间，投入了不少精力，但感觉做着好玩，同时做完以后效果还不错，挺有成就感的，因此也有了写这个指引的想法。
- 3.各个页面访问方法
- 默认情况下，从主页开始访问，各个页面间可以通过主页上的导航栏和按钮进行跳转。
- (1)主页可以通过导航栏上的吃好谷和首页两个方法进行访问。
- (2)查看详情页面通过主页向下滑动，找到对应商品后即可点击购买键跳转，现在吧唧类的商品均可点击：
- 因未能持有吧唧类商品第2-4款的实物，故未能提供相关评论展示，敬请谅解。
- (3)登录页面可以通过导航栏上的登录按钮进行访问。
- (4)注册页面可以通过导航栏上的注册按钮进行访问。
- (5)购物车页面可以通过导航栏上的购物车按钮进行访问。
- (6)库存管理可以通过导航栏上的客户服务下拉菜单中的后台首页进行访问。
- (7)后台商品添加可以通过导航栏上的客户服务下拉菜单中的后台首页后，选择添加商品进行访问。
- (8)后台商品搜索可以通过导航栏上的客户服务下拉菜单中的后台首页后，选择搜索商品进行访问。
- 4.总结
- 尽管耗费了大量时间与精力，但最终完成了一个较为满意的作品，在web的学习上也收获颇丰。从一个完完全全没有样式的空白网页，学到现在相继拥有了样式、交互和功能，这无疑是一个巨大的成就，也是学习web开发以来最能感受到的进步。
- 能完成这份大作业，离不开于莹莹老师的教导和朋友们的投稿，在此一并表示感谢！
