工欲善其事必先利其器,此次任务主要工具和环境是Dreamweaver+Jdk+Tomcat+Eclipse+SqlServer,Dreamweaver负责页面设计,Tomcat作为服务器,业务逻辑部分用Eclipse进行开发,数据库是SqlServer.我的主要任务是进行页面设计,所以大部分的精力都放在了Dreamweaver上.
开始动工之前需要对相关的环境进行配置,关于Jdk和Tomcat的相关配置七期的其他小组成员86已经做了相关的总结,详见初学jsp--配置环境,我这里要详细介绍的是关于DreamweaverCS5+Tomcat的环境配置.因为在项目的刚开始配置环境是自己面临的一个比较棘手的问题,看着都配置好了,但是怎么也不行.最后发现是配置路径问题,下面把详细的配置方法总结下来,希望能给用到的朋友提供帮助.
-
安装DreamweaverCS5并配置好Tomcat的相关环境.
-
在Tomcat的安装安装目录下的Webapps文件夹中建立一个属于自己的站点.站点中有相关的Jsp网页文件.
-
打开DreamweaverCS5,新建一个站点.站点名称可以按照自己的需求命名,本地文件夹原则上是选取你的动态网页(jsp网页)所在的位置,但是这也是我当是配置环境出现问题最多的地方.只有当把站点文件放在Tomcat的根目录下才可以正常的预览Jsp页面.
-
-
配置服务器.
-
基本配置如下:
-
-
服务器名称自己命名.(如pages,tomcat)
-
链接方法一般本地测试用选择本地/网络
-
服务器文件夹,就是在第2步Tomcat下所建立的文件夹根目录,我的是D:\tomcat7\webapps\pages
-
Web URL,服务器浏览地址:http://localhost:8080/pages/
8080端口是Tomcat的默认端口号.
-
高级配置
-
-
主要是选择服务器模型Jsp.
-
保存,记住要勾选测试
-
进行页面测试.
-
在进行页面测试之前记住要打开Tomcat的服务器(Tomcat/bin/文件夹下的startup.bat文件).如下图.
-
-
如果服务器成功将可以正常的预览jsp页面,如下图:
-
-
如果服务器没有配置成功,浏览时会出现以下界面.
-
一般而言到此配置便可以结束,但是偶尔由于路径问题会导致配置失败,如果你在配置的过程中没有成功,仔细的检查一下你的路径是否有问题.
Dreamweaver是一款很不错的网页设计工具,可以用它做原型,也可以用来做动态页面,随着版本的不断升级,功能也越来越强大.
参考资料:http://www.adobe.com/devnet/dreamweaver/articles/setup_testing_server.html
分享到:
相关推荐
动态网站开发典型案例 开发语言:PHP+Dreamweaver CS4+CSS+Ajax
JSP + Dreamweaver CS4 + CSS + Ajax动态网站开发典型案例.rar JSP + Dreamweaver CS4 + CSS + Ajax动态网站开发典型案例.rar
Dreamweaver CS5+CS6汉化补丁,附使用方法!绝对好用无BUG!
《JSP+Dreamweaver CS4+CSS+Ajax动态网站开发典型案例》光盘 完整源代码 有3个完整的jsp网站 第1章 设计Web标准网页 1.1 设个人主页 1.2 设计CSS 1.3 设计新闻查看页面 1.4 设计博客网站首页 1.5 CSS设计页面布局 ...
网页设计:Photoshop CS5 + flash CS5 + dreamweaver CS5从新手到高手
这是JSP+dreamweaver cs4+css+ajax动态网站开发典型案例9 10 11 12章源码,欢迎大家下载哈!!
零基础学Dreamweaver.CS3+ASP...电子教程_随书光盘
本书从网站开发基础知识出发,由浅入深、循序渐进地介绍如何使用Dreamweaver CS3和AsP开发动态网站,引导读者从零开始,逐步掌握快速开发AsP动态网站的方法。全书分为14章,内容涵盖网站开发规范和网站开发流程、...
dreamweaver+cs5+css规则面板中英对照及详解 1.文本样式的定义 2.背景样式的定义 3.区块样式的定义 4.方框样式的定义
JSP+Dreamweaver CS4+CSS+Ajax动态网站开发典型案例第八章源码,其余一会传上来,欢迎下载!!这资源在网上下载好像找不到。。。
3篇pdf文档,入门不错,说得挺好,个人如果觉得好的话,书店有卖
用Dreamweaver+ASP+Access开发的一个餐饮网站,不过上面只有用户注册系统可运行,其他的功能都没有,适合网站制作的初学者学习。
完美解决Dreamweaver CS6+CPU+50 替换文件+amtlib.dll
Dreamweaver+Flash+Fireworks+Photoshop网页综合设计,小网站实例,不错
内容最新:以Dreamweaver CS3为操作环境讲解网页开发 内容实用:全书贯穿60多个小实例,7个大案例.. 内容专业:20多个布局技巧帮助读者成为设计行家 讲解清晰:本书采用界面设计+代码分析的方式,理解更深刻...
Dreamweaver+CS5网页设计与制作宝典
Dreamweaver CS6使用Div+CSS布局设计.pdf 学习资料 复习资料 教学资源