YS-jsp实例操作.docVIP

WEB应用服务器端编程主要内容： 三层及多层结构 编程模式及框架 JSP技术 内置对象应用 客、服信息交互 Ajax应用 Servlet调用 访问数据库（JDBC） Javabean开发 读写文件 应用系统实例开发 ========================================================== 网站发布： 注：在netbeans工具下，我们创建的WEB应用会存放在项目名的文件夹下，但生成的发布文件夹是build，其下才是真正的网站内容，若在其他地方发布网站，须将整个build目录拷贝。 或：右键点选 build目录后在菜单[运行]-[清理并构建项目] 下将该项目打包：myJSP.war ，拷入工作服务器后可用解压软件进行解压，放在真正的运行服务器的webapps 目录下。 无框架、无模式、只jsp 的应用（讨论基本技术）： 创建新项目：myjsp 创建文件夹：mypages、images、mycss、myjs及登录jsp文件：login.jsp 网页规划布局： 进一步熟悉 DIV 布局 %@page contentType=text/html pageEncoding=UTF-8% !DOCTYPE html html head meta http-equiv=Content-Type content=text/html; charset=UTF-8 titleJSP Page/title style type=text/css body{ margin-top: 0} #all{ margin: 0 auto; width: 780px;height: 620px; background-color: activeborder; } #top{position: relative; height: 80px; background-color: burlywood; margin-bottom: 5px;} #menu{position: relative; height: 30px; background-color: burlywood; margin-bottom: 5px;} #left{float:left; height: 400px;width: 200px; background-color: burlywood; margin-bottom: 5px;} #right{float:right; height: 400px;width: 575px; background-color: burlywood; margin-bottom: 5px;} #bottom{float: left; height: 90px; width: 780px; background-color: burlywood; } /style /head body div id=all div id=toptop/div div id=menumenu/div div id=leftleft/div div id=rightright/div div id=bottombottom/div /div /body /html 进一步修饰，加入图片 *{ margin: 0; padding: 0;} body{ margin-top: 0; } table { border-collapse:collapse;} #all{ margin: 0 auto; width: 780px; background-color: aliceblue; } #top{ height: 106px; margin-bottom: 3px; background: url( ../images/cju_1.jpg ) } #menu{ height: 30px; margin-bottom: 3px; background: url( ../images/bg_s2.gif ) } #left{ float:left; height: 390px;width: 200px; background-color: powderblue; margin-bottom: