1.网站系统开发需要掌握的技术
第一步：学习HTML和CSS
HTML（超文本标记语言）是网页的核心，学好HTML是成为Web开发人员的基本条件。随着HTML5的发展和普及，了解HTML5也将成为Web开发人员的必修课。涉及到网页外观时，就需要学习CSS了，它可以帮你把网页做得更美观。利用HTML和CSS模拟一些你所见过的网站的排版和布局（色彩，图片，文字样式等等）。
第二步：学习javascript,了解DOM
JavaScript是一种能让你的网页更加生动活泼的程序语言。学习JavaScript的基本语法，学会用javascript操作网页中dom元素。接着学习使用一些javascript库，比如jquery是大部分WEB开发人员都喜欢用的，通过Jquery可以有效的提高JavaScript的开发效率。
第三步：了解Web服务器
你不必在这上面花太多精力，但对IIS、Apache基本配置要掌握，这方面的知识学起来也相对容易，不会花多长时间。学习一点Unix和Linux的基本知识，因为大部分Web服务器都运行在Unix和Linux平台上。
第四步: 学好一门服务器端脚本语言
服务器端脚本编程（后台开发）也是Web开发人员的基本功之一，你只需挑选一个服务器端脚本语言，然后学好它。目前流行的服务器脚本语言有：php、asp.net、jsp、ruby、python、等。
第五步：学习数据库及SQL语法
要构建动态页面通常会使用到数据库，常用的数据库有SQLServer、Oracle、MySQL 等，它们都会遵循标准的SQL原则。通常asp.net 程序使用SqlServer数据库，PHP、java使用Oracle、MySQL数据库。
第六步：综合实战
选一个你喜欢的后台编程语言，结合之前学到的html,css,javascript 前端技术，实现一个简单的留言本、论坛程序、进而实现一个简单的CMS（内容管理系统）
第七步：学习使用Web框架
当你掌握了HTML，CSS，JavaScript和服务器端脚本语言后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间。比如.net的MVC，JAVA 的SSH，php的cakephp、CodeIgniter、zend，ruby的ROR，python的dijango等等，其实里面都有一些相通之处。
整个开发过程你还可能会学习到一些工具的使用：
Visio，Dreamweaver，Vistual Studio、elipse、(Vim, EditPlus, Notpad++)、sqlserver、phpmyadmin，各种浏览器以及FireBug的插件，IE下的WebDevelopmentHelper、IETester等。如果你足够用心，你还发掘出很多不错的资源，例如MSDN，W3cSchool，一些前辈的博客，一些技术论坛等等，这都是你未来前进道路上的财富。如还想深入研究，学学http协议,理解什么是无状态，不然你永远做不好WEB开发，研究web程序服务端运行原理，还有tcp/ip,udp协议等。从最简单的HTML到Web框架，内容还是不少，要想精通这里的每一样技术，都得下苦功夫才行。
2.登录界面的源程序代码
login.jsp
1 <%@ page contentType="text/html; charset=UTF-8"%> 2 <html> 3 <head> 4 <title>用户登录</title> 5 </head> 6 <body> 7 <h2 align="center">用户登录</h2> 8 <form name="form1" action="login_process.jsp" method="post"> 9 <table align="center" border="0"> 10 <tr> 11 <td>账号：</td> 12 <td><input type="text" name="username"></td> 13 </tr> 14 <tr> 15 <td>密码：</td> 16 <td><input type="password" name="password"> 17 </td> 18 </tr> 19 <tr> 20 <td></td> 21 <td><input type="submit" value="登录"></td> 22 </tr> 23 </table> 24 </form> 25 </body> 26 </html>
login_process.jsp
1 <%@ page language="java" import="java.sql.*" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <title>登录中</title> 8 </head> 9 <body> 10 <% 11 request.setCharacterEncoding("UTF-8"); 12 String driverStr = "com.microsoft.sqlserver.jdbc.SQLServerDriver"; 13 String connStr = "jdbc:sqlserver://localhost:1433;DatabaseName=login"; 14 String dbusername = "sa"; 15 String dbpassword = "741099"; 16 17 Connection conn = null; 18 PreparedStatement stmt = null; 19 ResultSet rs = null; 20 Class.forName(driverStr); 21 conn = DriverManager.getConnection(connStr, dbusername, dbpassword); 22 String sql = "select * from user1 where [username]=? and [password]=?";//定义一个查询语句 23 stmt = conn.prepareStatement(sql); 24 25 String user=request.getParameter("username"); 26 String pass=request.getParameter("password");//取出login.jsp的值 27 stmt.setString(1, user); 28 stmt.setString(2, pass); 29 if(user.equals("")) 30 { 31 out.print("<script language='javaScript'> alert('请输入用户名');</script>"); 32 response.setHeader("refresh", "0;url=login.jsp"); 33 } 34 else if(pass.equals("")) 35 { 36 out.print("<script language='javaScript'> alert('密码为空');</script>"); 37 response.setHeader("refresh", "0;url=login.jsp"); 38 } 39 40 rs = stmt.executeQuery(); 41 if(rs.next()) 42 response.sendRedirect("login_success.jsp"); 43 else 44 { 45 out.print("<script language='javaScript'> alert('账号或密码错误');</script>"); 46 response.setHeader("refresh", "0;url=login.jsp"); 47 } 48 rs.close(); 49 stmt.close(); 50 conn.close(); 51 %> 52 </body> 53 </html>
login_success.jsp
1 <%@ page language="java" contentType="text/html; charset=gb2312" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 7 <title>登录成功</title> 8 </head> 9 <body> 10 <h1>登录成功！</h1> 11 </body> 12 </html>
login_fail.jsp
1 <%@ page language="java" contentType="text/html; charset=gb2312" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 7 <title>登录失败</title> 8 </head> 9 <body> 10 <h1>登录失败！</h1> 11 </body> 12 </html>
3.运行结果截图
4.课堂测试未按时完成的原因：连接到数据库一直出错
5.希望到结束时可以自己制作一款不错的软件。
本学期课程较多，每周我在完成任务的同时尽力抽出六小时左右时间学习相关内容。