Dreamweaver教程之Dreamweaver构建Blog全程实录
Vivian 2018-03-21 来源 :网络 阅读 1192 评论 0

摘要:当今,网络数据库的应用已十分广泛,它的开发也是程序员必备的技能之一,但由于数据库的开发难度大、程序复杂,常使许多初学者止步。在这里,以Doking’s BLOG的实例开发为教程,引导众多初学者在几乎不用编程的情况下也能开发网络数据库。

当今,网络数据库的应用已十分广泛,它的开发也是程序员必备的技能之一,但由于数据库的开发难度大、程序复杂,常使许多初学者止步。在这里,以Doking’s BLOG的实例开发为教程,引导众多初学者在几乎不用编程的情况下也能开发网络数据库。

1.1  什么是BLOG

  BLOG,就是“网络日志”。Blog通常是由简短且经常更新的Post所构成;这些张贴的文章都按照年份和日期排列。Blog的内容和目的有很大的不同,从对其他网站的超级链接和评论,有关公司、个人、构想的新闻到日记、照片、诗歌、散文,甚至科幻小说的发表或张贴都有。许多Blog是个人心中所想之事情的发表,其它Blog则是一群人基于某个特定主题或共同利益领域的集体创作


1.2  Doking’s BLOG功能简介

  Doking’sBLOG是Doking公司为加强部门沟通、团队合作而开发的,主要包括了平面设计、3D设计、网页设计、网络编程等方面的技术交流。它是采用Dreamweaver MX+Access+ASP.NET开发,共分为用户系统和管理员系统两大部分。


1.3  为什么选择Dreamweaver MX

  因为Dreamweaver MX提供了“不用手写代码”就能创建ASP.NET页面的功能。在Dreamweaver MX中基本不用手写代码就能实现记录的插入、删除和更新,而且DataSet数据集提供了DataGrid、DataList、Repeater等数据显示控件,使数据库的开发更灵活、方便。


  提醒:每个方案开发之前,应该先画好系统结构图,甚至要做好案例分析,每个模块要画上流程图。

第二章  Doking’s BLOG开发环境的构建


  了解Doking’s BLOG功能和开发目的之后,接下来就是构建好开发环境。


2.1  ASP.NET运行环境的构建

  在开始开发Doking’s BLOG前,应该先构造好开发环境。下面介绍的是在Windows 2000/XP操作系统中的构建方法。


  2.1.1 安装IIS服务器


  按【开始】→【控制面板】→【安装/删除Windows组件】,勾选“安装Internet信息服务组件”,如图2-1所示。


  2.1.2 在IIS服务器上,给Doking’s BLOG安上新家


  (1)首先在D:\下新建目录“dkblog”,打开【控制面板】→【管理工具】→【Internet 服务管理器】,打开【Internet信息服务】对话框,如图2-2所示。


  (2)右键单击“默认Web站点”,选择属性,打开【默认Web站点属性】对话框,在对话框中,单击【主目录】选项卡,把本地路径指向“D:\dkblog”,在“执行许可(P):”下拉菜单中选择“脚本和可执行程序”,结果如图2-3所示。


(3)现在,电脑终于可以在像网络服务一样提供WWW服务了,默认网址:localhost或电脑的IP地址(如:127.0.0.1)。


  提醒:大家可不要小看Internet服务器的管理,如果能合理分配好IP地址和站点虚拟目录,也能让电脑真正成为网络服务器,也能让网络上的用户浏览电脑上的网站和数据库。


  2.1.3 安装.NET框架


  大家可以在微软的网上下载.NET Framework 2.0和相应版本的SDK工具包,也可以从下面网址下载安装:


  .NET Framework Version 2.0 Redistributable Package Beta 1 (x86) – 24M

//go.microsoft.com/fwlink/?linkid=30093&clcid=0x409


  .NET Framework 2.0 SDK Beta 1 x86 – 229M

//www.microsoft.com/downloads/details.aspx?familyid ... 30-6CEC9667655C&displaylang=en


  打开IE浏览器,在地址栏上打上“localhost/text.aspx”,假定text.aspx这个文档现在不存在,那么IE浏览器上一定会返回错误信息,如果出现如图2-4所示的错误信息,说明我ASP.NET的运行环境基本构建完毕。


  2.1.4 在Windows 2003操作系统中构建ASP.NET运行环境


  上面介绍的是在Windows 2000/XP操作系统中构建ASP.NET运行环境的步骤和方法。在Windows 2003操作系统中构建ASP.NET运行环境主要有以下两种方法:


  1.使用【配置您的服务器向导】安装IIS 6.0和ASP.NET


  (1)从【开始】菜单,单击“管理您的服务器”。

  (2)在“管理您的服务器角色”下,单击【添加或删除角色】。

  (3)阅读“配置您的服务器向导”中的预备步骤,然后单击“下一步”。

  (4)在“服务器角色”下,单击“应用程序服务器(IIS,ASP.NET)”,然后单击“下一步”。

  (5)在【应用程序服务器选项】对话框中,选中“启用ASP.NET”复选框,单击“下一步”,然后再单击“下一步”。

  (6)阅读概要信息,然后单击“下一步”。

  (7)单击“完成”。


  2.使用【控制面板】安装IIS 6.0和ASP.NET


  (1)从【开始】菜单,单击【控制面板】。

  (2)双击【添加或删除程序】。

  (3)单击【添加/删除Windows组件】。

  (4)在“组件”列表框中,单击“应用程序服务器”。

  (5)单击“详细信息”。

  (6)单击“Internet信息服务管理器”。

  (7)单击“详细信息”以查看IIS可选组件的列表。

  (8)选择要安装的所有可选组件。

  (9)单击“确定”,直到返回到【Windows 组件向导】。

  (10)单击“下一步”,然后完成【Windows 组件向导】。


  另外,可以在运行Windows 2003的服务器中的 IIS 管理器中直接启用ASP.NET,具体步骤如下:


  (1)从【开始】菜单中,单击“运行”。

  (2)在【运行】对话框中的【打开】框中,键入inetmgr,然后单击“确定”。

  (3)在IIS管理器中,展开本地计算机,然后单击“Web服务扩展”。

  (4)在右侧窗口中,右键单击“ASP.NET”然后单击“允许”。ASP.NET的状态变为“允许”。


2.2  建立Doking’s BLOG 站点

  在构建好ASP.NET运行环境之后,可以开始着手开发Doking’s BLOG网站了。首先,必须在Dreamweaver MX中建立Doking’s BLOG站点。


  2.2.1 建立Doking’s BLOG站点


  (1)启动Dreamweaver MX 2004,切换到【文件】面板,单击“管理站点”,单击按钮“新建”,如图2-5所示。


    (2)在其下接菜单中,选择“站点(S)”,在弹出对话框中,输入站点名字“dkblog”


  (3)单击“下一步”,选择“是,我想使用服务器技术。(Y)”,在“哪种服务器技术?(W)”下拉菜单中,选择“ASP.NET VB”


4)单击“下一步”,选择“在本地进行编辑和测试(我的测试服务器是这台计算机)(E)”,把文件存储指向“D:\dkblog”,如图2-8所示。


  (5)单击“下一步”,输入URL地址“//localhost/”,单击按钮“测试URL(I)”,如果测试成功,会显示如图2-9一样的对话框。


  (6)单击“下一步”,再单击“下一步”,单击按钮“完成”,完成站点的建立。


  2.2.2 部署Doking’s BLOG站点


  (1)先来看Doking’s BLOG网站的布局,根目录存放.aspx、.htm文件;bin目录是用于部署DreamweaverCtrls.dll控件;dat目录用于存放数据库;images目录存放有关图片文件。在打开文件面板,在“站点—dkblog”下分别新建目录bin、目录dat、目录images,结果如图2-10所示。


  (2)在【文件】菜单中,选择【新建】,在【新建对话框】中,选择类别为“动态页”,选择动态页为“ASP.NET VB”,按“创建”按钮创建第一个动态网页。切换到【应用程序】面板,选择【绑定】选项卡,如图2-11所示。


    (3)点击“部署”二字,在弹出对话框中把部署目录指向“D:\dkblog\bin\”,如图2-12所示。


  (4)点击“部署”按扭,弹出如图2-13的对话框,按“确定”按钮将它关闭。


提醒:切记DreamweaverCtrls.dll文件名称及其所在目录bin名称不能更改,并且bin文件夹必须保存在站点的根目录下。


第三章 Doking's BLOG 数据库的设计和连接

  构建好开发环境后,Doking's BLOG数据库规划是第三步,它也是直接关系到数据库以后是否能够有效运行的关键步骤,也是对一个数据库开发人员的规范要求。


3.1 数据库的规范化


  数据库的规范化主要体现在表与表之间的关系、数据结构及存储两大方面。


  3.1.1 数据表之间的关系


  许多初学者常常认为,建立一个表储存所有数据就可以了。如果这么认为,那经常会造成数据冗余的。图3-1-1是一个数据表,可以看到画在红色圈中的数据是冗余的。


  冗余数据会影响数据库的有效运行,甚至可以把数据库推毁。为减少冗余数据,得把数据分开储存成几个表,并建立表与表之间的连接关系。表与表之间的连接关系,主要有一对多、多对多、一对一三种方式。


  一对多关系,它是数据库中最普通的关系类型。这种关系双被称为是父表与子表关系或主表与分表关系。图3-1-2就体现了一种父表与子表关系。在这里,专题表与回复表就是一对多的关系。专题表是父表,回复表是子表,专题表中的一行在回复表可有零行、一行或许多与之对应,而回复表中的每一行都与专题表中的相应的专题对应。


  多对多关系,就是第一张表的每一行可对应第二张表的许多行,同样地,第二张表中的每行也可与第一第表中的许多行相对应。例如,一个专题可以有许多用户回复,一个用户也可以作多次专题回复。这就需要建立第三张表,将专题代码与用户代码连接,这个表就是前两个表的父表。在图3-1-3中,“回复表”就是“专题表”与“用户表”的父表。


  一对一的关系,就是将一个表中的行与另一表中的行连接来。这种关系非常少见,因为如是有的话,还不如把这两个表合为一张表更为合理。


3.1.2 数据结构与储存


  数据库的物理结构必须基于逻辑结构建立的,在设计表格、字段和关系时就需记住一些规则。行与列的顺序并不起什么作用,虽然在数据表中,列会有一定的顺序位置,但它们并不以此来代表引用顺序。记录的顺序只有在它们从数据表中取出并送给用时才起作用。SQL会通过参数数据库索引来处理记录的提取顺序。例如,在数据表中,把性别字段放在姓名字段之前,这个错误没什么,只要在采用SQL语句调用这个数据表时,记得把姓名字段调到性别字段之前就可以了。


  设计数据表时,分配字段大小要慎重,在够用的情况下,能省就省。如果字段用于储存整数,请用整数或长整数,不用单精度或双精度,如果够用的话,最好建立100字符的文本类型字段,而不要采用备注字段。为什么?如果你不怕高昂的服务器费用、不怕网络数据库运行缓慢,你大可不必理会这些,但它最严重会导致数据库崩溃。


3.2  Doking’s BLOG数据库的设计


  基于上述数据库规范化的知识,这节开始规划设计Doking’s BLOG数据库。Doking’s BLOG数据库中设计了五个数据表,分别是LM表(栏目表)、ZT表(学习笔记表)、HF表(回复表)、YH表(用户表)、GLY表(管理员表),并把数据库命名为“dkblog.mdb”,保存在“D:\dat\”目录下。


  LM表即栏目表,用于网站导航条建立和学习笔记的归类,栏目内容是由网站的管理员设计的,其字段设计如图3-2-1所示


  ZT表即学习笔记表,是用于储存用户发表学习心得,其实字段设计如图3-2-2所示:


  HH表即回复表,储存着用户对已发表的学习笔记的回复,其字段如图3-2-3所示:


  YH表即用户表,储存着用户的注册信息,方便用户登录发表学习笔记和学习笔记的回复。其字段设计如图3-2-4所示:


  GLY表即管理员表,用于管理员登录,管理网站,其字段设计如图图3-2-5


 3.3 创建Doking’s BLOG数据库连接源

 

  (1)启动Dreamweaver MX 2004,在【文件】菜单中,选择【新建】,在【新建对话框】中,选择类别为“动态页”,选择动态页为“ASP.NET VB”,按“创建”按钮,创建一个动态网页。


  (2)切换到【应用程序】面板,选择【数据库】选项卡,单击“+”号,选择“OLE DB连接”,如图3-3-1所示:


  (3)在弹出【OLE DB连接】对话框中,输入连接名称“dkconn”,单击“建立”按钮,如图3-3-2所示:


  (4)进入【数据连接属性】页面,选择【选择程序】选项卡,由于要连接的数据库是Access2003的数据库,所以在数据库引擎中选择“Microsoft Jet 4.0 OLE DB Provider”作为驱动程序,如图3-3-3所示:


  (5)选择【连接】选项卡,选择要连接数据库为“D:\dkblog\dat\dkblog.mdb”,把“用户名”和“密码”的文本框清空,


  (6)选择【高级】选项卡,在设置访问权限中,选择“ReadWrite”,如图3-3-5所示


  (7)返回【连接】选项卡,单击“测试”按钮,出现如图3-3-6对话框,那说明已经把数据库dkblog.mdb连接到站点上了。单击“确定”按钮完成数据库的连接工作。在站点的根目录下面,可以看到增添了一个新文件“web.config”,以后可以在这个文件直接对数据库的连接进行修改。


3.4  连接对话框中的“建立”按钮无效的解决

  如果您在3.3节中的第(3)步骤中单击【建立】按钮,【数据链接属性】对话框不打开。单击【建立】按钮时没有任何反应。导致此问题的一个原因可能是 MDAC 2.8;XP SP2 中默认包含着 MDAC 2.8。XP SP1 用户如果安装了 MDAC 2.8,则也会受到此问题的影响。此问题只影响 Dreamweaver MX 2004,而对 Dreamweaver MX 没有影响。有两种解决方法:


  第一种方法:接3.3节中的步骤中第(3)步骤,在【OLE DB 连接】对话框中的【连接字符串】文本区域中输入:


Provider=Microsoft.Jet.OLEDB.4.0;DataSource=D:\dkblog\dat\dkblog.mdb;Persist Security Info=False


  第二种方法:在硬盘上创建一个新的文本文件,将文件的扩展名由 .txt 更改 .udl,然后打开 .udl 文件。该文件可以打开【数据链接属性】对话框。其具体操作如下:


  ①接3.3节中的步骤中第(3)步骤。执行【开始】|【所有程序】|【附件】|【记事本】系统菜单命令。


  ②在记事本程序主窗口中,直接执行执行【文件】|【保存】菜单命令,在弹出【另存】对话框中的输入文件名为数据库连接.udl,如图3-4-1所示。


  ③点击【保存】按钮,关闭记事本程序,切换到【桌面】中,双击“数据库连接”这个文件,按照教程中第(4)—(7)进行操作。单击【确定】按钮,关闭【数据库链接】对话框。


  ④执行【开始】|【所有程序】|【附件】|【记事本】系统菜单命令。在记事本程序主窗口中,直接执行执行【文件】|【打开】菜单命令,选择“数据库连接”为打开文件。


  ⑤在记事本程序主窗口中,选择第三行所有字符进行复制,如图3-4-2所示。切换到Dremweaver程序中,将其粘贴到第(3)步骤的在弹出【OLE DB连接】对话框中的【连接字符串】文本区域中,这样就完成在Dreamweaver中的数据库链接。


本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标常用软件Dreamweaver频道!


本文由 @Vivian 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程