课堂笔记.txt课案.docx

课堂笔记课程介绍订单管理系统为主线，商品管理，用户管理Java se: java语言面向对象跨平台Web 基础： html，css ，javascript (js)jqueryJava web: servlet ,jspJava ee: ssh框架 struts2 (mvc: model view control) spring hibernateOracle数据库用户、权限HTMLHTML 指的是超文本标记语言 (Hyper?Text?Markup?Language)常用简单标签文本标签标题标签 h1 ~ h6字体标签font分隔标签强制换行br强制分段p分割线hr列表ulli/lili/li/ul超链接如a href=链接到的目标 target=_blank显示内容/aTarget是打开连接的方式表单表格1.表格 table， tr ，td2.表单 form3.表单域 input：text（文本）password（密码）button（按钮）submit（提交按钮）reset（重置按钮）headmetacharset=gbk/head特殊字符：特殊字符转义符空格nbsp;大于号gt;小于号lt;引号”quot;版权号?copy;百度W3schoolCssCSS 语法：CSS分类选择符类型：Eclipse 注释快捷键： str + shift +/HTML元素选择符h1 { color: green; }选择器分组h1,h2,h3,h4,h5,h6 { color: green;}后代选择器font strong { font-style: italic;font-family:黑体;font-size:20px; }font{color:red;font-family:黑体;font-size:20px;}h1 {color:blue;}fontstrong {color:red;}strong {background-color:yellow;}2.ID选择符#div1 {color:red;}#div2 {color:green;}h1 id=”div1”/h13.类选择符在 CSS 中，类选择器以一个点号显示：.leftdiv {text-align: left;font-family:黑体;font-size:20px;}.centerdiv {text-align: center}h1 class=”leftdiv”/h1div class=”leftdiv”/divCSS分类:声明位置：外部样式表内部样式表（位于 head 标签内部）内联样式（在 HTML 元素内部）tablestyle=BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; BORDER-LEFT: #336699 1px solid; BORDER-BOTTOM: #336699 1px solid外部样式表引入：headlink rel=stylesheet type=text/css href=mystyle.css //head完善login.html样式JavascriptJavaScript 是脚本语言JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。JavaScript变量定义var pi=3.14;var name=Bill Gates;var answer=Yes I am!;var today = new Date();JavaScript自定义方法function funcName([paran1][param2…]){……}JavaScript内置方法alert警告框isNaN 判断是否不是数字prompt输入框等例子：script type=text/javascriptvar v1 = prompt(输入乘数,);var v2 = prompt(输入被乘数,);if(isNaN(v1)||isNaN(v2)){ alert(输入的内容不是数字类型); } /scriptjavaScript结合DOM编程技术取得html元素（如读取元素值）document.getElementById(“id”)document.getElementsByClassName(“xxx”)document.getElementsByTagName(“tr”)举例引入外部javaScript定义内部javaScriptJavaScript流程控制语句：分支结构If-else语句switch语句迭代结构while语句do-while语句for语句for-in语句转移