APP下载

基于JSP的美食分享网站的设计与实现

2023-05-08徐文倩谢丹艳黎柳江晓航

电脑知识与技术 2023年9期
关键词:网站设计菜谱

徐文倩 谢丹艳 黎柳 江晓航

关键词:美食交流;网站设计;动态网页;美食笔记;菜谱

0 引言

飞速发展并且日益成熟的互联网影响着人们生活的方方面面。人们感受到了互联网带来的便利,互联网正以其独特的优势迅速融入越来越多的传统领域。美食分享网站将网络信息技术应用于美食领域,可以为美食爱好者提供一个分享与交流的地方。美食不只是一种体验,更是一种生活态度;分享不只是一种方式,更是一种生活创造;美食分享除了是一场视觉盛宴之外,更是一种艺术享受[1]。

全国各地的美食爱好者可以通过美食分享网站晒出各自的美食制作体验和美食生活,进行互动评论,交流美食制作以及美食生活方面的心得体会,并形成虚拟社区关系吸引用户回访,有利于形成用户黏性,增强用户的活跃度[2]。网站通过设立具有自身风格的特色内容,形成有影响力的栏目板块,来挖掘更多潜在用户,主动创造用户需求[3]。当下的美食分享网站已经并不单单致力于去传播分享者探索生活挖掘出的美食,进行详细的展示和介绍,分享自己的感受和体验,而且通过美食分享,能够为美食爱好者提供一个互动交流分享的平台,还可以创造更多的美食创意,传播美食文化[4]。

1 系统分析

传统的美食社交经常受到时间、地点之类的限制,然而随着我国经济快速发展,人们生活质量得到进一步提高,人们更加追求美食带来的精神享受和情感体验,加上互联网时代各类美食网站的普及,美食社交场景发生了显著的变化,网络空间发展了一个个美食趣缘社群[5]。美食分享网站中的美食笔记板块提供给使用者一个交流美食和分享生活的空间,通过激励用户分享高质量的美食图片与内容,可以促进更积极的社交媒体交流[6]。

作为一个美食分享网站,界面设计一定要美观,页面需要符合现代人的审美,在此基础上进一步美化,能让使用者直观感受到这个网站的内在含义。例如首页轮播图、网站logo、文字等方面都应该迎合美食的主题,让使用者看到以后心情愉悦。由于使用者可能包含各个年龄段的人群,所以网站需要做到简单明了易操作,让美食爱好者可以很快地在网站中查找有用信息,而不是让使用者面临复杂困难的操作无法达到自己的目的。

另外,对于一个美食分享网站来说,安全性是十分重要的问题,一个系统如果能被外界轻松的攻击,数据信息泄露将会是十分严重的问题,所以系统对于未知的威胁要有一定的防范意识以及对危险处理的手段。美食分享网站还要注意用户信息的私密性,不能泄密数据,在遇到不可抗力等因素发生时要依然保留数据的完整。而且由于现在信息技术在不断发展,人们的需求也在日益扩大,美食分享网站的功能要能够进行扩充,使其不断满足人们的要求,逐渐发展壮大。

为了达到上述要求,系統需要实现的主要功能如下:

1) 登录注册:已经有账号的用户根据手机号和密码进行登录,没有账号的用户输入手机号密码和昵称进行注册后登录。

2) 精选菜谱:菜谱类型的美食帖子下有两级分类,包含了各种类型的美食,用户可以有选择地查看自己想要的美食,对于菜谱还进行了工艺分类,对于每一个菜谱都有难度、工艺、口味和时间四种分类,为用户选择满足自己需求的美食菜谱提供便利,查看菜谱时,可以进行评论和收藏。

3) 美食笔记:笔记类型的美食帖子下也有两级分类,对于饮食健康和社交生活类的笔记有了更详细的划分,用户在显示的笔记列表中可以看到笔记的评论数和收藏数,对于自己感兴趣的笔记可以进行查看、评论和收藏。

4) 美食达人:包含了网站中的所有美食用户,在列表中可以看到每个用户的大概信息,想要继续了解该用户,可以点进其主页,查看他的基本信息以及所发布的菜谱和笔记。

5) 个人中心:用户登录成功后才可以进入个人中心,在个人中心中,可以进行查看主页、菜谱管理、笔记管理、收藏管理、评论管理、修改个人信息和密码。

6) 后台管理:美食分享网站的后台是独立出来的,只有管理员才能够登录,管理员登录后,能够进行用户管理、类型分类、工艺分类、菜谱管理、笔记管理、评论管理、修改密码操作。

2 总体设计

2.1 系统的体系结构

设计复杂系统时,将系统从顶层到最底层进行功能分解,层层分解,功能由粗到细,由复杂到简单,整个实施流程得到细化,有助于项目的完成。系统设计中用户可以查看各种美食帖子以及其他用户的信息,还可以进行菜谱、笔记、评论等管理操作;管理员可以进行用户管理、类型分类管理、工艺分类管理等操作。系统功能结构图如图1所示。

2.2 角色分析

本系统设计包含了两种角色,即“管理员”和“用户”。管理员负责整个网站的管理,包括用户管理、类型分类管理、工艺分类管理、菜谱管理、笔记管理、评论管理、修改管理员密码,在管理中,管理员能够对违规的用户或帖子进行禁用操作。用户在未登录时能够查看精选菜谱、美食笔记、美食达人,在登录后能够进行菜谱管理、笔记管理、评论管理、收藏管理、个人信息管理。其中用户发布美食帖子E-R 图如图2所示。

3 系统实现

3.1 网站首页功能模块

在本系统的设计中,用户可以无须登录,直接进入网站的首页浏览美食信息。首页展示了小部分美食帖子和美食用户的信息,用户若想了解更多丰富的美食信息,可以点击首页导航栏中的精选菜谱、美食笔记、全部分类和美食达人,进一步查看所有的美食帖子或用户。若用户想要进行评论或收藏操作,系统则会提示用户进行登录,登录成功后,可继续之前的操作。网站首页如图3所示。

3.2 登录模块实现

用户登录在login.jsp页面上完成,用户输入完手机号和密码后,点击登录,提交form表单数据到相应的QMUsersController控件上进行数据的逻辑判断,符合条件后设置当前登录时间,并进行数据更新,之后会直接跳转到个人信息页面。用户登录页面如图4所示。

3.3 注册模块实现

用户注册在reg.jsp页面上完成,输入自己的手机号以及密码,确认新密码,并输入自己想设置的昵称,信息无误后便可成功注册,系统会自动登录,给用户带来方便,用户可直接进行后续的操作。用户注册页面如图5所示。

3.4 用户主页模块实现

在myhome.jsp页面上,显示了用户主页的相关信息,用户可以查看自己以及他人的主页。在主页中,会显示该用户发布过的菜谱以及笔记,用户可以点击查看,并进行评论和收藏。该用户的基本信息例如个性签名、家乡、工作城市、账号状态等也都会得到显示。用户主页如图6所示。

3.5 笔记管理模块实现

笔记管理在mynote.jsp页面上完成,在用户点击我的笔记时,该a标签的目标URL最后一级为“bj”,该字符串会传值到相应的QMNoteController控件上,赋值给美食帖子对象的atype,然后在mynote.jsp上判断到当前对象的atype为bj,将相应的笔记列表显示出来。用户点击发布笔记按钮,经过类似的传值判断后页面跳转到mynote_add.jsp,在输入完相关信息后,点击确认发布,提交form 表单数据到相应的QMNote?Controller控件上进行数据的保存。发布笔记页面如图7所示。

4 结束语

通过阅读大量相关文献与项目实例,对美食分享网站的背景、现状、意义进行了分析研究。与市面上已有的一些美食网站相比,项目设计的美食分享网站除了拥有精选菜谱板块之外,还另外对美食笔记部分进行了重点开发,对其进一步进行了贴近用户需求的详细分类,使用户能够很快检索到自己想要了解的美食笔记类型,这是与其他网站最不同的地方。用户登录网站,就可以查看各类美食信息,并且分享自己的美食与生活,感受美食带来的愉快体验。

猜你喜欢

网站设计菜谱
“吃”出乡村振兴广东幸福菜谱推新品
宇宙菜谱失窃案
菜谱中的黑米粒儿
企业网站建设的探讨
《计算机应用基础》自主学习网站的研究与设计
跳出菜名译菜谱*——影响中式菜谱英译策略选择的几组关系