菜谱系统是用来展示、分享厨艺的一种程序,因此菜谱系统的重点是前端投稿功能。
菜谱系统前端投稿的项目主要有: 菜谱名称(标题)、厨师级别、菜谱成品图(标题图片)、菜谱故事(简介)、烹饪难度、烹饪时间、二级分类(大分类和详细分类)、主料名称和用量、辅料名称和用量、制作步骤(图文)、经验分享、是否原创作品、转载地址等。
菜谱系统的投稿基本要求: (1)所有项目不能为空。 (2)投稿页面可视性要好,所有上传图片必须能够上传前预览。 (3)主料及辅料名称和用量,不能为空,至少有一样才能提交,而且名称和用量必须 同时填写才有效。 具有添加、删除、上移、下移按钮,删除只剩一项时,不能再删除。 (4)制作步骤最好是图文,不能为空,至少有一步。每一步 预览图片和步骤说明,可以只 上传图片或只填写步骤说明,也可以是既上传图片又填写说明。 具有添加、删除、上移、下移按钮,删除只剩一项时,不能再删除。 (5)当勾选作品为转载作品时,必须填写转载地址,否则不能提交。当勾选原创作品时,自动清除转载地址。
本人根据菜谱系统的特点,经过一段时间的研究,以帝国cms为内核,开发出了一套功能较完备、多终端适配的菜谱系统。
这套系统的核心是前台投稿功能的上传菜谱成品图片预览、主料名称和用量、辅料名称和用量的添加、制作步骤(图文)、html多图上传 (主要是通过添加两个多值字段、两个类似morepic字段来完成的)。
本系统为原创(js文件亦为原创,体积小的可怜),功能完备,代码却极其简练,速度快、效率高。
pc端添加菜谱效果:
pc端修改编辑菜谱效果:
手机端效果:
|