文档章节

Dreamweaver cs6自定义后台主页面

crossmix
 crossmix
发布于 2015/12/12 11:38
字数 2485
阅读 70
收藏 0
点赞 0
评论 0

    以前网站设计都用CMS内容管理系统,如Joomla,WordPress等。后台页面登录内容是固定的,无法修改,久了就烦,只好用Dreamweaver Cs6来重新设计后台主页。

   使用dreamweaver设计后台主页面,必须是建立动态网站项目,是创建一个通用型动态网站的后台管理页面,即通过该页面对前台的注册用户、新闻发布、投票调查、留言和通讯录进行管理。包括管理员用户登录页面和后台首页,前者主要涉及表单的插入和管理员的身份验证,后者涉及防止非法用户直接输入网址恶意登录和退出时注销用户的问题。图: 

   

当然除了ASP,也可以是asp.net,PHP等建立后台主页。

创建后台管理员用户登录页面

右单击站点中的admin文件夹,选择【新建文件】,在该文件夹下创建AdminLogin.asp和ReAdminLogin.asp文件。

打开AdminLogin.asp文件,在设计视图中插入表单,表单的名称为form1,对ReAdminLogin.asp文件进行同样的操作。

将光标定位在表单中,插入一个4行2列的表格,完成用户登录界面设计,如图8-2-2所示。修改用户名和密码文本框名称,分别改为Aname和Apass。类似完成当用户名或密码输入错误时的重新登录页面。

   

在【服务器行为】面板中单击【用户身份验证】→【登录用户】命令。该具体步骤及说明请参考项目2中任务3的相关内容,在此不再赘述。第一次登录与第二次登录的操作步骤类似,图:


next,结合其中相关选项说明用户登录的流程。

为文件中插入"登录用户"时,如图8-2-3所示。(1)图①处标识了:“当管理员用户第一次登录时,如果失败则转向第二次登录页面ReAdminLogin.asp”。(2)图是在ReAdminLogin.asp文件中插入"登录用户"时的截图,其中②处标识了:“当用户第二次尝试登录时,如失败则转向主页index.asp”。这样设计,避免了非法用户的恶意多次尝试登录后台管理模块。

2.创建后台管理员用户登录页面

右击站点中admin文件夹,在弹出的菜单中选择【新建文件】命令,在该文件夹下创建AdminManage.asp文件。

打开AdminManage.asp文件,插入一个3行1列的表格,在第2行中再嵌套一个1行8列的表格,作为导航栏。在AdminManage.asp文件的导航栏的①处插入局部变量Session(“MM_Username”),该变量保存了登录用户的用户名信息,图:


后台主页面设计(2)

单击导航栏中菜单命令,在后台首页的下面主体部分将显示相应的管理功能选项,如图8-2-5所示,就是选择"注册用户管理"命令之后的界面。

后台注册用户管理
该界面是在后台首页中加入内框架实现的,这里请注意上图中地址栏矩形框中的内容:“adminManage.asp?name=userManage”。

ASP代码如下:
130 <%
131 dim sysname '定义一个变量
132 select case request(“name”)
133 case “usermanage”
134 sysname=“ch02/usermanage”
135 case “admin_link”
136 sysname=“ch06/admin_link”
137 case “admin_news”
138 sysname=“ch07/admin_news”
139 case “admin_vote”
140 sysname=“ch04/admin_vote”
141 case “admin_liu”
142 sysname=“ch05/admin_liu”
143 case else
144 sysname=“null”
145 end select
146 %>
147 <p>第147行的HTML标记表示嵌入一个名字为admin的内框架,内框架的页面地址为&rdquo;<%=sysname%>.asp&rdquo;。例如,在图8-2-5中,根据地址栏的name变量值,sysname变量的值为"ch02/usermanage&rdquo;,再加上后面的&rdquo;.asp&rdquo;,即"ch02/usermanage.asp&rdquo;,则内框架的页面地址为当前页面下子文件ch02中的文件usemanage.asp。</p> <p>同理,在该内框架中实现其他几个后台管理子模块。</p> <p>将光标定位在文件中,选择【服务器行为】→【用户身份验证】→【限制对页的访问】命令,以阻止非法用户直接输入后台的地址来绕过管理员身份验证。</p> <p>选中"退出"文字,执行【服务器行为】→【用户身份验证】→【注销用户】命令。该步骤的作用在于当管理员退出后,清除浏览器中的阶段变量,以避免被恶意利用,非法进入后台。 <br/>注册用户管理 <br/>该任务是项目2的后台管理部分,即对注册用户进行管理,包括用户的删除及用户信息的修改。其主要操作步骤为:在后台管理目录admin的子目录ch02下创建用户管理主页面UserManage.asp,根据用户的ID号对其执行删除操作DelUser.asp,或执行修改用户信息的操作ModUserInf.asp。关于数据库表的建立与连接请参考项目2。</p> <p>注册用户管理页面及操作流程如图: <br/><img src="http://static.codeweblog.com/uploads/space/2015/0501/125748_j7rU_183102.png" alt="在此输入图片描述" /></p> <p>创建用户管理主界面</p> <p>右击站点中后台文件夹admin,在弹出的菜单中选择【新建文件夹】命令,创建ch02作为注册用户管理子模块单独使用的文件夹,并在该文件夹下新建usermanage.asp文件。</p> <p>打开usermanage.asp文件,在设计视图中插入表单,表单的名称为form1。</p> <p>将光标放在文档中,执行【服务器行为】→【用户身份验证】→【限制对页访问】命令,填写对话框参数,如图: <br/><img src="http://static.codeweblog.com/uploads/space/2015/0501/125909_qLaM_183102.png" alt="在此输入图片描述" /></p> <p>在后台管理模块的每个页面中都要通过添加【服务器行为】→【用户身份验证】→【限制对页访问】命令来实现页面的访问限制,以避免非法用户直接输入URL绕过登录页面,直接对后台进行操作。</p> <p>将光标定位在表单中,插入一个2行5列的表格,完成用户管理主界面中①的设计,如图; <br/><img src="http://static.codeweblog.com/uploads/space/2015/0501/130214_acsD_183102.png" alt="在此输入图片描述" /></p> <p>用户管理主界面制作步骤 <br/>将光标定位在表单中,选择"窗口"下拉菜单中的【绑定】命令,单击右上角的&rdquo;+&ldquo;,在弹出的菜单执行【记录集(查询)】命令,在当前文档中插入数据库表Userlogin的一个记录集,如图8-3-4所示。并将记录集中动态文本"ID&rdquo;、&ldquo;Uname&rdquo;、&ldquo;Upass"分别拖入表格中的相应位置,如图: <br/><img src="http://static.codeweblog.com/uploads/space/2015/0501/130329_eTc6_183102.png" alt="在此输入图片描述" /></p> <p>注册用户管理(2)</p> <p>选中"修改"两个字,执行【服务器行为】下的【转到详细页面】命令,在弹出的对话框中输入相应内容,如图8-3-5所示,然后单击"确定"按钮。再选中"删除"两个字进行同样的操作,之后页面格式变成如图: <br/><img src="http://static.codeweblog.com/uploads/space/2015/0501/130529_WA1F_183102.png" alt="在此输入图片描述" /></p> <p>选中第2行,执行【服务器行为】下的【重复区域】命令,页面格式将变成图8-3-3的④,在第2行上出现"重复"两个字,表示该行出现的次数将有记录集中的记录数决定。再查看"服务器行为"项下将出现7个服务器行为,如图: <br/><img src="http://static.codeweblog.com/uploads/space/2015/0501/130645_baCd_183102.png" alt="在此输入图片描述" /></p> <p>创建删除用户页面</p> <p>右击ch02文件夹,选择【新建文件】,创建deluser.asp文件。</p> <p>打开deluser.asp文件,在设计视图中插入表单,表单的名称为form1。</p> <p>将光标放在文档中,执行【服务器行为】→【用户身份验证】→【限制对页访问】命令。</p> <p>将光标定位在表单中,插入一个2行1列的表格,完成删除用户界面①中的设计,如图: <br/>将光标定位在表单中,在当前文档中插入"记录集(查询)&ldquo;,并将记录集中动态文本"Uname"拖入表格中第一行的相应位置,如图8-3-7中的②所示。</p> <p>选中"确定"按钮对象,执行【服务器行为】→【删除记录】命令,在弹出的"删除记录"对话框中输入相应内容,如图所示,然后单击"确定"按钮。 <br/><img src="http://static.codeweblog.com/uploads/space/2015/0501/130834_dw2K_183102.png" alt="在此输入图片描述" /></p> <p>创建用户修改页面</p> <p>右击ch02文件夹,选择【新建文件】,创建moduserinf.asp文件。</p> <p>打开moduserinf.asp文件,在设计视图中插入表单,表单的名称为form1。</p> <p>将光标放在文档中,执行【服务器行为】→【用户身份验证】→【限制对页访问】命令。 <br/>将光标定位在表单中,插入一个4行2列的表格,完成删除用户界面中①的设计, <br/>将光标定位在表单中,在当前文档中插入【记录集(查询)】,并将记录集中动态文本 &ldquo;Uname"与"Upass"拖入表格中第2行与第3行的相应位置,选中"确定"按钮对象,执行【服务器行为】→【更新记录】命令,在弹出的对话框中输入相应内容,然后单击"确定"按钮,如图: <br/><img src="http://static.codeweblog.com/uploads/space/2015/0501/131056_8HfF_183102.png" alt="在此输入图片描述" /></p> <p>最后是首页选项,对后台页面进行测试。 <br/>ok,介绍到这,赶快自定义后台页面。 <br/>end</p>

end


    

© 著作权归作者所有

共有 人打赏支持
crossmix
粉丝 64
博文 302
码字总数 645711
作品 0
广州
高级程序员
使用Dreamweaver cs6开发移动应用

搭建Dreamweaver集成移动开发环境前需要了解移动Web开发。移动Web开发顾名思义用传统Web技术(Html,JavaScript)开发移动应用,有两种方法: 1、纯网页开发: 用户通过在浏览器中输入网址访问,...

crossmix ⋅ 2015/12/21 ⋅ 0

20 个很棒的 jQuery Mobile 教程

构建一个餐馆选择的 Web 应用 How to build a jQuery Mobile app for choosing a restaurant based on what the user want to eat tonight, the town where they want to eat and other use......

oschina ⋅ 2012/08/30 ⋅ 9

PHP登录页面验证码的实现

打开Dreamweaver cs6,新建一个PHP站点: 先新建一个命名为111.php文件,双击编辑,清空Dreamweaver自动生成的HTML代码,如下; 最后在Dreamweaver CS6编辑器添加PHP代码,如下: <?php   ...

crossmix ⋅ 2015/10/08 ⋅ 1

ASP网站管理后台页面无法打开

我是一个新手,现在遇到一个比较棘手的问题,请各位高手帮帮忙。 我们单位的一个关系单位现想更新一下自己的网站,正好我这方面略懂一些,改写栏目内容一些简单的变动我还是能够胜任,便答应...

开心飞镖 ⋅ 2014/04/21 ⋅ 1

5个主流的HTML5开发工具分享

HTML5被看做是web开发者创建流行web应用的利器,增加了对视频和Canvas 2D的支持。用HTML5的优点主要在于,这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏,你可以很轻易地移植到...

Miss_Hello_World ⋅ 2015/09/14 ⋅ 0

浅析几种网站搜索框的制作

如果自己做的网站内容太多,主要是网站导航栏的内容增多,当用户想寻找一个自己需要的内容时,一个一个查找是一件很累的事情,如果在自己的网站上做一个搜索框,提供网站搜索功能,那就事半功...

crossmix ⋅ 2015/12/13 ⋅ 0

分享5个主流的HTML5开发工具

概述:HTML5被看做是web开发者创建流行web应用的利器,增加了对视频和Canvas 2D的支持。用HTML5的优点主要在于,这个技术可以进行跨平台的使用。今天,小编将为大家推荐几个主流的HTML5开发工...

Emilypz ⋅ 2015/09/21 ⋅ 0

分享5个主流的HTML5开发工具

概述:HTML5被看做是web开发者创建流行web应用的利器,增加了对视频和Canvas 2D的支持。用HTML5的优点主要在于,这个技术可以进行跨平台的使用。今天,小编将为大家推荐几个主流的HTML5开发工...

momosunny ⋅ 2015/09/16 ⋅ 1

求dreamweaver cs6的配色方案 习惯了notepad++的暗色系 ....

求dreamweaver cs6的配色方案 习惯了notepad++的暗色系 白的dw太亮了 自己调了半天都不满意........

felixjing ⋅ 2012/11/21 ⋅ 0

手把手教你搭建SpringMVC——最小化配置

为什么需要Spring MVC 最开始接触网页的时候,是纯的html/css页面,那个时候还是用Dreamweaver来绘制页面。 随着网站开发的深入,开始学习servlet开发,记得最痛苦的就是servlet返回网页的内...

青夜之衫 ⋅ 2017/12/05 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Thrift RPC实战(二) Thrift 网络服务模型

TServer类层次体系 TSimpleServer/TThreadPoolServer是阻塞服务模型 TNonblockingServer/THsHaServer/TThreadedSelectotServer是非阻塞服务模型(NIO) 1 TServer抽象类的定义 内部静态类Args的...

lemonLove ⋅ 14分钟前 ⋅ 0

vim命令用法

第五章 vim命令 vim和vi几乎是一样的,唯一的区别就是当编辑一个文本时,使用vi不会显示颜色,而使用vim会显示颜色。 vim有三个模式:一般模式,编辑模式,命令模式。 系统最小化安装时没有安...

弓正 ⋅ 15分钟前 ⋅ 0

MyBatis源码解读之配置

1. 目的 本文主要介绍MyBatis配置文件解析,通过源码解读mybatis-config.xml(官方默认命名)、Mapper.xml 与Java对象的映射。 2. MyBatis结构 查看大图 MyBatis结构图,原图实在太模糊了,所以...

无忌 ⋅ 19分钟前 ⋅ 0

Ignite的jdbc与网格的连接方式的查询性能对比

环境: 数据量100万 Ignite2.5 Windows10 8g jdbc方式连接 import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; i......

仔仔1993 ⋅ 34分钟前 ⋅ 0

收集自网络的wordpress 分页导航的代码教程(全网最全版)

wordpress 分页导航是用来切换文章的一个功能,添加了 wordpress 分页导航后,用户即可自由到达指定的页面数浏览分类文章,而这样的一个很简单功能却有很多朋友在用插件:WP-PageNavi,插件的...

Rhymo-Wu ⋅ 50分钟前 ⋅ 0

微服务 WildFly Swarm 入门

Hello World 就像前面章节中的其他框架一样,我们希望添加一些基本的 Hello-world 功能,然后在其上逐步添加更多的功能。让我们从在我们的项目中创建一个 HolaResources 开始。您可以使用您的...

woshixin ⋅ 57分钟前 ⋅ 0

Maven的安装和Eclipse的配置

1. 下载Maven 下载地址 2. 解压压缩包,放到自己习惯的硬盘中 此处我将其放到了 D:\Tools 目录下。 3. 配置环境变量 右键此电脑 -> 属性 -> 高级系统设置 -> 环境变量。 在系统变量中新建,变...

影狼 ⋅ 今天 ⋅ 0

python pip使用国内镜像的方法

国内源 清华:https://pypi.tuna.tsinghua.edu.cn/simple 阿里云:http://mirrors.aliyun.com/pypi/simple/ 中国科技大学 https://pypi.mirrors.ustc.edu.cn/simple/ 华中理工大学:http://......

良言 ⋅ 今天 ⋅ 0

对于url变化的spa应该如何使用微信jssdk

使用vue单页面碰上微信jssdk config验证失败的坑。第一次成功 之后切换页面全部失败,找到了解决方法,第一次验证成功后保存验证信息 切换页面时验证信息直接拿来用,加一个wx.error() 失败时...

孙冠峰 ⋅ 今天 ⋅ 0

Spring Cloud Gateway 一般集成

SCF发布,带来很多新东西,不过少了点教程,打开方式又和以前的不一样,比如这个SCG,压根就没有入门指导,所以这里写一个,以备后用。 一、集成 pom.xml <dependency> <groupI...

kut ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部