图六新闻列表图七新闻详细页4.2后台管理与实现

优采云 发布时间: 2021-07-14 21:09

  

图六新闻列表图七新闻详细页4.2后台管理与实现

  

  ……以下代码省略Index.html(首页) 2、前台其他页面前台其他页面与首页类似。它们都是由后台生成的HTML文件系统程序生成的,如图6新闻列表页、图7新闻详情页等: 图6新闻列表页 图7新闻详情页4.2 后台管理员事务页面设计与实现1.管理员登录页面1、页面展示出于安全考虑,本系统将管理员登录界面与前台页面分开,放在系统目录cmsAdmin子目录下。下面的图 8 显示了管理员登录页面(源程序 LoginInt.html)。图8 管理员登录页面2、实现方法管理员登录模块,源码LoginInt.html用于管理员输入登录信息,AdminChkLogin.Asp实现的功能是判断用户名和密码是否正确,以及实现的方法是查询数据表cms_Admin也对LoginInt.html提交的数据进行相关的过滤和检测,防止数据库注入。当系统管理员输入正确的用户名和密码后,会立即切换到管理员操作页面(源代码Index.html)。系统程序中预设了一个名为“admin”的系统管理员,密码为: admin888 ,从如下页面可以看出,系统管理员登录后有很多操作链接。如下图9所示: 9 系统管理员登录成功界面 从上面的页面可以看出,管理员操作页面的总体要求:功能齐全,界面简洁明了,因为这个页面只对管理员开放,完全对其他人员开放。透明,无需额外修改,所有管理功能(新闻中心、产品中心、工程案例、资料下载、友情链接)均可通过此页面轻松操作。

  如果未登录,将无法进行任何操作,会得到如图11所示的错误信息: 图11:未登录时的错误界面2.产品管理 一些重要的页面设计并实现1、产品管理页面显示(1)当管理员点击产品中心下的产品管理(源代码ProductsManager.Asp)时,可以删除、查看、生成HTML文件、移动分类、选择单个或批量列出产品,修改产品的产品,点击添加产品(源代码Products.Asp),其作用是添加产品信息,出现如图12所示页面: 图12 产品添加页面(2)进入产品管理页面然后,点击一条记录右侧的“E”图标将读取的产品信息提交到服务器,然后转到编辑产品信息页面(源代码Products.Asp)页面,如如下图13所示: 图13 实现方法商品信息修改页面2、根据上述功能,编辑商品信息属性(源码Products.Asp)的实现过程是首先根据ProductsManager.Asp页面发送的ProductsID查询数据表cms_Products如果没有该产品,则显示警告信息,否则使用数据集SET对象查找该产品的一些信息,并将其显示在页面上的相应表格中。表格下方显示的确认修改按钮的功能主要用于修改产品后,将信息提交到数据库进行确认。下面以修改产品信息为例,简单介绍一下具体的实现方法。以下为一段html代码: 注:部分程序代码如数据库链接代码、读取表单、图片远程抓取、HTML生成等省略,如查看详细程序代码请查看Productsok.Asp文件.

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线