智库时代    ·257·
智者论道
基于HTML5的校园食谱推荐系统的设计与实现
*
陈  虹
（南通科技职业学院信息与智能工程学院，江苏南通 226001）
摘要：当前，人们越发重视饮食健康，而学生学习繁忙，对于饮食搭配并不重视，而家长远离孩子，无法时刻关注孩子饮食，因此，学生、家长与教师等对快捷、准确且高校的食谱推荐需求越发强烈。为此，文章基于HTML5，设计了一款校园食谱推荐系统，使学生通过系统快速查所需食物，满足学生喜好，同时兼顾营养健康与便利快捷，提高学生身体质量。实验结果表示，系统操作简单，各项功能完备，拥有实用价值。
关键词：HTML5；校园食谱推荐系统；设计；实现中图分类号：TP311
文献标识码：A
文章编号：2096-4609（2020）15-0257-002
互联网时代下，HTML5技术不断革新，其的应用范围越发广泛。基于HTML5的个性化推荐系统，能够支持多个浏览器，并根据用户日常浏览内容，迅速且高效的帮用户推广其可能喜好的内容，节省了客户查询时间，也带动了所推荐系统的客户浏览度，实现了双赢。在校园现代化发展中，学生在吃饭方面普遍存在选择困难症，且不知如何吃营养健康，直接影响了学生健康饮食
[1]
。
为解决该问题，文章基于HTML5技术，设计了一款校园食谱推荐系统，为学生筛选信息，帮助学生快速选择营养且喜爱的食物，节省学生选择时间，使学生更多实用校园健康食物，而非垃圾食品。
一、研究意义
信息时代下，互联网应用不断深入各个行业，智能手机更是成为人们生活必需品，并带动了社交网络、电子商务、百科系统等的发展，促使海量数据生成。在大数据时代下，人们受到大量数据冲击，很难快速在海量数据中出感兴趣内容，需要消耗大量精力、时间出所需内容。推荐系统的出现，通过对用户大量行为数据挖掘与分析，判断客户喜好与需求，主动为客户推送其可能需要、喜欢的信息资源，满
足客户个性化服务需求。如：在电子商务中，推荐系统的存在，有助于潜在的消费用户向真正消费用户转变；提高了网站和消费者的交流互动；增强了网站用户的信任值，实用价值较高[2]。
信息化时代，社会发展脚步加快，受此影响，为保障学生进入社会后能够跟上时代脚步，学生虽未踏出校门，却
已经受到家庭、学校与社会的压迫，部分学生存在休息不足、饮食不科学、心理压力大等问题，威胁了学生身心健康发展。而作为学生，在学习压力下，若没有健康身体，将直接影响学习效率。营养丰富、符合喜好的食物，有助于缓解学生压力，提高学生身体健康，但是，学生繁忙的学习生涯，食堂选择的多样性，对饮食搭配的了解不足，很难保障学生每顿都能摄入适当的营养。因此，在校园饮食上，开发一款食谱推荐系统，至关重要。基于HTML5技术，开发校园食谱推荐系统，根据学生日常浏览和选择，分析学生喜好，为学生推荐其需要的、营养丰富的食谱，使学生快速确定食谱，提高学生对系统的信任值，提高学生饮食健康，为学生未来发展奠定基础。
二、HTML5技术的优点
HTML 作为万维网核心语言和标准通用的标记语言之下，所应用的超文本标记，经过万维网联盟八年不懈努力，通过第五次的重大修改，最终形成了标准规范，被称为HTML5。该技术拥有如下优点：其一，能够在多设备上跨平台应用，如一款依托于HTML5技术的游戏，能够迅速植入各种平台，降低游戏开发
成本。其二，HTML5技术能够对网页设计自适应。即网页设计一次之后，能够根据屏幕大小做出相应调整，保障所设计网页大小和用户使用设备屏幕相符
[3]
。其三，
基于HTML5技术的系统拥有及时更新功能，以游戏客户端为例，为满足游戏用户需求，提高游戏用户的粘性，促使更多游戏客户氪金，不断更新、开发新功能成为关键，而游戏客户端更新过程较为繁琐，极易影响客户满意度，甚至于，
某些用户因太麻烦而不更新，HTML5技术应用下，游戏客户端能够即时更新。由此可见，若将HTML5技术应用到校园食谱的推荐系统中，其的种种优势，有助于提高学生对系统的满意度，增强学生的使用，更好发挥系统的作用。
三、个性化推荐系统的简单概述
传统的个性化推荐系统，主要通过信息过滤技术，为用户推荐其可能感兴趣的消息，为用户带来个性化推荐。在没有充分体验前，人们经常需要决策，而多数人们会依照他人的意见、评论、中立机构调查等决策，个性化推荐，是对该种推荐的网络模拟，通过用户提供信息，对信息综合计算并处理，有针对性
jquery修改html内容推荐适当用户。可以说，个性化推荐，其价值建立于寻求推荐用户和推荐信息两者的匹配。当前，个性化推荐服务，逐渐成为电子商务的关键组成部分，通过对顾客过往购买信息的分析，预测客户未来可能购买的内容，帮助电子商务使用不同客户兴趣和偏好，增强网站销量，提升用户满意度。
个性化推荐系统设计中，应了解到，推荐系统研究对象包含有：浏览器用户、信息对象以及用户和信息对象间个性化映射。在社交网络内，推荐系统在和用户之间交互时，数据库记录相关信息，利用相关记录对个体行为、兴趣、习惯、偏好分析，由个体信息内挖掘可多方面展示用户的知识模型。当前，推荐系统已经被广泛应用到多行业中，推荐的项目包含了新闻、网页、音乐、电子商务、电影等多项内容，其潜在商业价值、实用价值被不断挖掘，极大便利了用户。
智库时代
·258·
智者论道
四、基于HTML5的校园食谱推荐系统的设计
（一）系统主要开发技术
在本次校园食谱推荐系统设计中，主要利用的是现有开源软件，实现动态网站开发。系统开发使用Windows 7平台，前台采用HTML5技术、java Scri 技术、JQuery 技术等，后台采用Java 技术，服务器采用Apache Tomcat7，数据库采用Mysq1存储学生浏览数据。
1.HTML5技术
该技术通过五次修改，最终形成的标准HTML 技术，被大多浏览器支持。该技术拥有两个特点：有助于Web 网页表现性能的强化；推动了用户对本地数据库操作应用的能力[4]。
2.Java 技术
Java 作为计算机编程中的一种语言，能够跨平台、泛型编程、面向对象，被企业级的Web、移动广泛应用与开发，集成其他语言特点与优势，规避了其他语言存在的不足，技术简单、平台独立、多线程、动态性、面向对象且安全性强。
3.Mysq1数据库技术
Mysq1作为数据库的管理系统，该数据库具有体积小、成本低、速度快等优势，开放的源码，更是获得大多编程人员喜爱，在大多用户开发网站时，为降低成本，大多会以Mysq1作为数据库。因此，Mysq1被Web 广泛应用。
4.Apache Tomcat 技术
Apache 作为一种普通服务器，仅支持普通静态网页。Tomcat 作为Apache 下述开发的Servlet 容器，依照相应技术规范，能够支持JSP、Servlet，还拥有Web 的部分功能，如：安全域的管理、Tomcat 的管理与控制配平台等。
（二）系统的总体设计
在HTML5技术的支持下，在本次校园食谱推荐系统的构建中，主要以App engine framework 作为框架，通过分层架构、MVC 模式与Mysq1数据库，利用HTML5技术，用户能够通过智能手机的Web 端访问食谱系统，利用前台访问、后台JSP、Servlet 的处理，在手机页面动态展现校园食堂菜单，依照用户最需求的理念，为用户提供相应食谱。
本系统下设计中，以用户角度考虑，因学生个性化需求，其对食谱需求也呈现出多样化特点，如：当季时蔬包含哪些美食、美食主要功效、美食包含食材、学生流行美食、最新美食推荐等，为满足学生对食谱的多元化需求，校园食谱系统的主页可设置如下模块：美食收录时间排行榜、点击率排行榜、咨询率排行榜、综合推荐排行榜、季节美食查询、美食功效查询、食材指定查询、多条件查询美食、指定名称查询、最新收录美食、用户相应功能等。系统还应具备如下功能：
1.推荐功能
校园食谱推荐系统，推荐功能是关键。在为学生推荐食谱时，可在学生进入系统主页后，通过跳出页面为学生展示学生点击率最高、用户咨询最多、综合排行最高的美食等，全面发挥系统美食推荐的作用，提高学生满意度。
2.查询功能
查询功能和系统搜索界面连接，学生通过在搜索界面输入指定条件，如：季节、功效、食材、美食名称、排行榜最高等，点击搜索，系统即可为学生展示相对应美食，对美食列表分类，以便学生选择。
3.用户相关功能
该功能主要包含有用户注册、登录和记录查询等。
（三）系统数据库设计
在HTML5技术支持下，设计校园食谱推荐系统时，数据库的设计非常关键。因为，推荐系统为学生推荐的准确性，直接关系着学生对系统的满意度，而推荐内容的出现，主要是对数据库内收录用户历史信息的分析结果。可以说，数据库的设计好坏，直接关系着推荐系统的应用效率、推荐效果。在系统数据库的设计中，应以优良结构化、高独立性、存储小力度作为设计目标，以便为系统提供坚实支撑。在本次设计中，数据库以雪花模型结构，将不同属性的数据分开储存，将原先的一表划分为多表，可包括原料
表、功能表、季节表与美食表等，虽然，表格数量较多，但是表格内存储内容较少，各属性的关系在表格呈现下，将更加明确，提高了资料完整性、一致性和灵活性，提高了系统响应速度。
五、基于HTML5的校园食谱推荐系统的实现
在HTML5技术支持下设计的校园食谱推荐系统，主要为校园广大师生提供
优质食谱推荐、筛选等多种服务。为满足用户多样化需求，该系统应基于HTML5技术开发相关这一美食推荐APP，并保障APP 具备兼容功能，能够在各种智能设备上下载应用，同时，搜集各种食材、食谱和养生茶等基础数据，针对用户操作习惯，记录用户所点击查询的美食，分析用户对美食的兴趣，为用户推荐相应食谱。
为快速实现美食推荐功能，系统的主界面应制作为推荐界面，其中包括美食查询、最热美食推荐、最新美食推荐、最爱美食推荐等多种模块。在用户长期使用中，系统通过记录用户查询内容，对感兴趣美食的点击量等，制作用户排行榜，便于用户判断并选择食谱，发挥推荐系统的最佳作用。
六、总结
总而言之，本文所设计的校园食谱推荐系统建立于HTML5技术上，结合人体健康营养的相关理论，为校园师生快速推荐针对性强的食谱。本系统各项功能齐备，依照模块划分较为科学，便利了程序更新与维
护，页面简洁操作容易，在HTML5技术运用后，食谱推荐系统可跨平台使用，适宜各项浏览器需求，提高了系统的运行效率。当然，在系统之中，仍存在一定不足，在以后应用过程中，不断改善并更新，以满足用户日益增多的需求，达到最佳推荐效果，提高学校师生饮食健康，促进学生健康成长。
【参考文献】
[1]汪丽娟，钱育蓉.基于Android 的菜谱个性化推荐系统的设计与开发[J].电脑知识与技术,2017(20):119.
[2]薛斌.基于Html5的手机游戏推荐系统研究与实现[D].南京：南京理工大学,2017.
[3]石锦浩，刘威威，郑奋.基于HTML5的医院推荐网站设计与开发[J].中国新通信,2018(21):154.
[4]林满山，梁欣.基于HTML5的校园食谱推荐系统的设计与实现[J].电子技术与软件工程,2016(8):67-68.
【作者简介】陈虹（1980-），女，研究生，讲师，研究方向为计算机应用技术、计算机视觉。
【课题项目】江苏省2019年大学生创新创业训练计划项目《基于HTML5的学生健康饮食智能推荐系统》，编号201912684006Y。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。