html css怎么学习

html-css047

html css怎么学习,第1张

学习分为两种,

一种是全面系统的学习,这种情况下需要找一些系统的资料,比如教学资料,书籍,系列视屏等。

另外一种是需求驱动学习,指的是当你需要用到某一方面并不熟悉知识的时候,有针对性的去进行学习,这样的学习针对性强,记忆深刻。

此外推荐一些B站上比较有意思的CSS视屏UP主:

Microgoople 网页链接 主要发布一些漂亮的或者奇思妙想的 CSS 视屏。录制了代码编写的全过程。比较有意思。适合 CSS 初学者。

前端实验室 网页链接 同样以好看的前端样式为主。

《大数据实训课程资料》百度网盘资源免费下载

链接:https://pan.baidu.com/s/1RiGvjn2DlL5pPISCG_O0Sw

?pwd=zxcv 提取码:zxcv

大数据实训课程资料|云计算与虚拟化课程资源|课程实验指导书综合版|机器学习与算法分析课程资源|Spark课程资源|Python课程资源|Hadoop技术课程资源|云计算课程资料.zip|微课.zip|算法建模与程序示例.zip|spark课程资源.zip|hadoop课程资源.zip|实验指导书|教学视频|教学PPT  

1、在web工程中的src下创建包entity-类DAO。

代码如下:package entity

import java.sql.Connection

import java.sql.DriverManager

import java.sql.ResultSet

import java.sql.Statement

public class DAO {

/*

* JDBC直连sql server2005数据库LoginDB:

*

*

* 由于static修饰的变量和方法在类创建的对象中共享,加之使用此程序的人可能很多,所以将不变的、

* 并且常用的变量和方法修饰为static

*/

//JDBC驱动名称

public static String driver="com.microsoft.sqlserver.jdbc.SQLServerDriver"

//数据库登录用户名

public static String user="sa"

//数据库登录密码

public static String password="sa"

//数据库名称

public static String dbName="LoginDB"

//JDBC连接URL

public static String url="jdbc:sqlserver://localhost:1433DatabaseName="+dbName

/*

* 获取数据库连接

*/

public static Connection getConnection(){

//建议在使用变量前先声明,后在使用时创建

Connection con=null

try{

//加载驱动

Class.forName(driver)

//连接

con = DriverManager.getConnection(url,user,password)

}catch(Exception e){

System.out.println("连接数据库失败!")

e.printStackTrace()

}

return con

}

/*

* 断开数据库连接

*/

public static void closeConnection(Connection con){

//建议在使用变量前先声明,后在使用时创建

try{

con.close()

}catch(Exception e){

System.out.println("关闭数据库失败!")

e.printStackTrace()

}

}

/*

* 查询数据库验证用户名和密码

*

*

* 表account的字段名:name,password都是varchar(30)

*

*

*

*/

public int search(String name,String password){

int flag=-1,i

//-1表示错误;0用户名不存在;1用户名存在,密码错误;2用户名和密码都正确

Connection con

Statement stmt=null

ResultSet rs=null

String sql=""

con=DAO.getConnection()

try{

stmt=con.createStatement()

sql="select * from account where name='"+name+"'"

rs=stmt.executeQuery(sql)

if(!rs.next()){

flag=0

}else{

rs.close()

sql="select * from account where name='"+name+"' and password='"+password+"'"

rs=stmt.executeQuery(sql)

if(!rs.next()){

flag=1

}else{

flag=2

}

}

}catch(Exception e){

e.printStackTrace()

flag=-1

}

DAO.closeConnection(con)

return flag

}

}

2、在web工程-WebRoot下创建index.html和is_index.jsp.

①、index,html全部代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

<html>

<head>

<title>主页</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="this is my page">

<meta http-equiv="content-type" content="text/htmlcharset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

</head>

<body>

<div>

<form action="is_index.jsp" method="post">

<label>用户名:</label><input type="text" name="nameTxt"/>

<label>密码:</label><input type="password" name="passwordTxt"/>

<input type="submit" value="登陆"/>

<input type="reset" value="重置"/>

</form>

</div>

</body>

</html>

②、is_index.jsp全部代码如下:

<%@ page language="java" import="java.util.*,entity.DAO"

pageEncoding="UTF-8"%>

<%

String path = request.getContextPath()

String basePath = request.getScheme() + "://"

+ request.getServerName() + ":" + request.getServerPort()

+ path + "/"

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title></title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">

<!--

<link rel="stylesheet" type="text/css" href="styles.css">

-->

</head>

<body>

<%

String name = request.getParameter("nameTxt")

String password = request.getParameter("passwordTxt")

int flag

DAO dao = new DAO()

flag = dao.search(name, password)

if (flag == 0) {

out.println("用户不存在! ")

} else if (flag == 1) {

out.println("密码错误! ")

} else if (flag == 2) {

out.println("欢迎登录信息! ")

} else {

out.println("出现错误! ")

}

%>

</body>

</html>

<!--作者:聊城职业技术学院10软件陆勇-->

特别提醒:此属于JDBC直连数据库,需要特殊的类包支持;需要数据库