整站源码

功能完备的菜谱系统(多终端适配)

 2017-08-14

◎ 简介:

菜谱系统是用来展示、分享厨艺的一种程序,因此菜谱系统的重点是前端投稿功能。

菜谱系统前端投稿的项目主要有:

菜谱名称(标题)、厨师级别、菜谱成品图(标题图片)、菜谱故事(简介)、烹饪难度、烹饪时间、二级分类(大分类和详细分类)、主料名称和用量、辅料名称和用量、制作步骤(图文)、经验分享、是否原创作品、转载地址等。

菜谱系统的投稿基本要求:

(1)所有项目不能为空。

(2).投稿页面可视性要好,所有上传图片必须能够上传前预览。

(3)主料及辅料名称和用量,不能为空,至少有一样才能提交,而且名称和用量必须 同时填写才有效。

        具有添加、删除、上移、下移按钮,删除只剩一项时,不能再删除。

(4)制作步骤最好是图文,不能为空,至少有一步。每一步 预览图片和步骤说明,可以只 上传图片或只填写步骤说明,也可以是既上传图片又填写说明。

        具有添加、删除、上移、下移按钮,删除只剩一项时,不能再删除。

(5)当勾选作品为转载作品时,必须填写转载地址,否则不能提交。当勾选原创作品时,自动清除转载地址。

  本人根据菜谱系统的特点,经过一段时间的研究,以帝国cms为内核,开发出了一套功能较完备、多终端适配的菜谱系统。

本系统测试地址为:

http://www.hjy01.com/ceshi/e/DoInfo/AddInfo.php?mid=9&enews=MAddInfo&classid=1 

这套系统的核心是前台投稿功能的上传菜谱成品图片预览、主料名称和用量、辅料名称和用量的添加、制作步骤(图文)、html多图上传(主要是通过添加两个多值字段、两个类似morepic字段来完成的)。

本系统为原创(js文件亦为原创,体积小的可怜),功能完备,代码却极其简练,速度快、效率高。

效果图

2017-08-14_140342.jpg

2017-08-14_1403421.jpg

手机端效果:

网页截图20170814_080525.jpg

授权:共享软件

运行环境:IE8/IE8+/Firefox/Chrome/Opera/Safari/移动端

◎ 尊重他人劳动成果,转载请自觉注明出处!本站免费代码、模板、素材仅供学习交流,请勿用于商业用途。

×

请扫描二维码访问手机站!