基于SP的家具城网站设计与实现 界面图推荐.doc

附录2： 图1 网站登录界面 打开浏览器在地址栏中输入/进入网站登录界面。单击“进入”按钮进入盛世家具城首页，界面如下图： 图2 网站“首页”界面 单击“首页”链接进入的也是“首页”界面，在网站的搜索部分输入条件单击“搜索”按钮将查找出所有满足条件的产品记录并输出所有满足条件的产品信息。界面如下图： 图3 网站“搜索”页面 图4“搜索”结果显示页面 单击网站Top导航部分“关于我们”链接进入关于盛世具城信息的页面。 图5“关于我们”页面 根据右边的导航链接，相继可以进入“关于盛世具城”、“历史照片”、“盛世具城新闻”、“工作机会”、“重要客户名录”、“广告宣传”页面，如下图：图6--图10 图6“历史照片”页面 图7“盛世具城新闻”页面 图8“工作机会”页面 图9“重要客户名录”页面 图10“广告宣传”页面 在Top导航部分点击“产品介绍”进入具城家具产品的详细介绍页面，点击左边的品类框中的一个品类就会在后边出现相关的家具图片信息，点击每个图片就可查看该家具的详细信息。如下图：图11—图12 图11“产品介绍”页面 图12产品详细信息页面 点击“产品介绍“页面右边的链接可相继进入“材料介绍”、“颜色介绍”、“包装与组装”、“产品及材料检验证书”页面，这和前面的“关于我们”模块操作相同。以及后面的“销售地点”、“购买指南”、“产品文化”、“联系我们”四个模块和“关于我们”模块操作也相同，这里都不再做详细介绍了。 点击“管理员登录”链接，进入“管理员入口”界面：在“管理员姓名”栏中输入“admin”,在“登录密码”栏中输入“123”，单击“登录”按钮验证通过进入后台管理界面。 图13 “管理员登录”页面 当未输入管理员姓名或登录密码，就会出现请输入信息的弹出框；如果管理员姓名或密码出现错误，就会出现错误信息提示。如下图：图14—图16 图14 错误消息弹出框 图15“错误信息提示”页面 图16 成功登录后台页面 进入后台管理界面后，可以进行修改了。 管理员模块图如下:图17--图27 在此页面中可以进行管理员信息修改，点击“修改“按钮后重新输入用户名、密码、真实姓名、电话号码、邮件地址、QQ可以进行修改,修改成功后会提示信息修改成功，修改后的信息生成到数据库中。如下图： 图17 “管理员信息修改”页面 图18“管理员信息修改成功”页面 点击left页面的“关于我们”可进行 “关于我们”前台页面修改，同理点击“产品介绍”、“销售地点”、“购买指南”、“产品文化”、“联系我们”、“首页”、“关于盛世具城”、“历史照片”、“工作机会”等进入后台进行前台页面修改，由于它们的操作和“关于我们”的后台操作大致相同，下面就不再做具体介绍了。 如下图： 图19“关于我们”后台修改页面 图20 “产品文化”后台修改页面 当点击left页面的“具城新闻管理”进入新闻信息管理页面，如下图： 图21 “具城新闻管理”页面 单击每个新闻记录后的”修改”时,便进入新闻信息修改页面,对标题、内容、日期、来自、图片修改过后,可以点击”修改”会出现成功修改提示，将数据保存在news数据表中,也可以点击”删除”按钮,此时这条数据记录将在数据表中删除。 图22 “具城新闻修改”页面 图23 新闻修改成功提示框 在页面中还可以进行新闻添加操作，在新闻信息添加页面中输入标题、内容、日期、来自、新闻图片后点击“添加”按钮后更新news数据表,请看下图： 图23 “新闻信息添加”页面 由于产品管理和新闻管理的操作相同（添加、修改和删除操作），下面就不再介绍了。 点击left页面的“品牌管理”进入品牌信息管理页面，在此页面可以对品牌信息进行添加、修改和删除操作,信息操作以后点击保存,品牌相关信息便生成在品牌数据表中. 图24 “品牌管理”页面 品类管理、颜色管理的操作同品牌管理的操作相同，管理员可以添加、修改和删除数据记录。由于页面和操作基本相同,在此不多加介绍。 当点击left页面中的“留言管理”便进入下图，该页面显示所有会员发表的留言，可回复和删除留言。 图25 “留言管理”页面 执行每条留言记录下的”回复留言”时,管理员便可进行回复，进入下图在回复框中输入信息单击“提交回复”将数据保存到数据表中，前台也会相应显示。 图26 “留言回复”页面 执行每条留言记录下的“删除留言“将会出现下图提示，单击“确定”按钮就会删除该条记录，“取消”按钮放弃本次删除。 图27 留言删除提示框 在下图页面中可以进行会员登录，已是会员的直接输入用户名和密码单击“登录”验证通过后就登录成功，登录成功后会出现提示如图 ，如验证未通过会出现错误提示； 图28 会员登录页面 图29 会员成功登录页面 图30 会员登录出错提示页面 会员登录后可以修改资料，点击“修改”转入会员信息