Python课设:网站设计

     阅读:35

1. 本次实验采用的Django框架。

  Django 是一个由 Python 编写的一个开放源代码的 Web 应用框架。

使用 Django,只要很少的代码,Python 的程序开发人员就可以轻松地完成一个正式网站所需要的大部分内容,并进一步开发出全功能的 Web 服务 Django 本身基于 MVC 模型,即 Model(模型)+ View(视图)+ Controller(控制器)设计模式,MVC 模式使后续对程序的修改和扩展简化,并且使程序某一部分的重复利用成为可能。

2. 题目要求设计官网重组。

长春理工大学官网使用的的基本技术有HTML,JS,CSS,JQuery和Apache服务器开发。前三个是基本的前端三板斧。Apache HTTP Server(简称Apache)是Apache软件基金会的一个开放源码的网页服务器,可以在大多数计算机操作系统中运行,由于其多平台和安全性被广泛使用,是最流行的Web服务器端软件之一。jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。通过它操作,确实比原生js要方便许多。详细的比较可以参考链接https://www.iteye.com/news/26230

3.   Django项目的目录结构如下

目录简介

manage.py:这个是与项目交互的命令行工具集的入口

wsgi.py:Python 服务器网关接口

urls.py:配置文件Django项目中所有地址(页面)都需要我们自己去配置其URL

settings.py:项目的总配置文件。里面包含了数据库、Web应用、时间等各种配置

_init_.py:Python中声明模块的文件内容默认为空

Static:存放静态文件,css,js

Templates:放网页

4.   注册部分

    通过request请求获取信息。该部分信息分为用户名密码。使用save函数来保存。其中save函数访问数据库进行添加,此过程也检测是否重复注册用户,利用while循环。使用query来登录你的用户名密码是否正确,此过程也是利用的while循环。在settings配置数据库信息。

5.   Django API

HttpRequestHttpRequest对象的属性GET、POST都是QueryDict类型的对象

QueryDict对象用.get方法来获取具体值

请求 (HttpRequest)

查询字符串

查询字符串取参数不区分请求参数, POST中的查询字符串 任然用.GET获取

request.GET.get('查询字符串中的key')   # request.get 返回queryDict对象

获取请求体中的参数(GET方法没有请求体)

表单类型formData

request.POST.get()  # 只能用来获取POST方式的请求体数据

非表单数据non-form Data (json \ xml等)

非表单类型的请求体数据,Django无法自动解析,可以通过request.body属性获取最原始的请求体数据,自己按照请求体格式(JSON、XML等)进行解析。request.body返回bytes类型

request.body    # 返回byte类型

request.META    # 返回的是字典

其他常用HttpRequest对象属性

request.method # 返回请求方法

request.user # 返回请求的用户对象

request.path # 返回请求的完整url

request.encoding # 返回提交数据的编码方式

request.FILES # 返回类字典 上传的所有文件

=================================================

响应 (HttpResponse)

1.构建响应对象

HttpResponse(content=响应体, content_type=响应体数据类型, status=状态码)

示例:

from django.http import HttpResponse

def demo(request):

    return HttpResponse('python', status=400)

2.HttpResponse子类

Django提供了一系列HttpResponse的子类,可以快速设置状态码

HttpResponseRedirect 301

HttpResponsePermanentRedirect 302

HttpResponseNotModified 304

HttpResponseBadRequest 400

HttpResponseNotFound 404

HttpResponseForbidden 403

HttpResponseNotAllowed 405

HttpResponseGone 410

HttpResponseServerError 500

3.JsonResponse

示例:

from django.http import JsonResponse

def demo(request):

    return JsonResponse({'city': 'beijing', 'subject': 'python'})

4.redirect重定向

示例:

from django.shortcuts import redirect

def demo(request):

    return redirect('/index.html')

=================================================

Cookies

1.设置cookies

HttpResponse.set_cookie(cookie名, value=cookie值, max_age=cookie有效期)

实例:

def demo(request):

    response = HttpResponse('ok')

    response.set_cookie('a', 'python1')  # 临时cookie

    response.set_cookie('b', 'python2', max_age=3600)  # 有效期一小时

    return response

=================================================

session

Django中默认开启session, 如需关闭, 在settings.py 中MIDDLEWARE中设置

 session操作

以键值对的格式写session

request.session['键']=值

根据键读取值

request.session.get('键',默认值)

清除所有session,在存储中删除值部分

request.session.clear()

清除session数据,在存储中删除session的整条数据

request.session.flush()

删除session中的指定键及值,在存储中只删除某个键及对应的值

del request.session['键']

设置session的有效期

request.session.set_expiry(value)

源代码

详见附录一至附录四

输入输出描述

1. 重新设计页面

原页面:

新页面:

2. 导航发布

采用a标签进行组织。同时嵌入无序列表的组合。当我们点击学校简介,它会展示下属列表。部分代码结构

<ul>

 <li><a href="jobs.html" title="教务管理系统"><span> - 教务管理系统</span></a></li><li><a href="jobs.html" title="统一身份认证"><span> - 统一身份认证</span></a>

</ul>

3. 注册登录

所有的注册登录采用统一身份认证登录。数据库的表结构非常简单就是一个用户名一个密码。

login.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
    {% load static %}
 <link href="{% static 'css/bootstrap.min.css' %}" type="text/css" rel="stylesheet">
    <link href="{% static 'css/font-awesome.min.css' %}" type="text/css" rel="stylesheet">
    <link href="{% static 'css/bootsnav.css' %}" type="text/css" rel="stylesheet">
    <link href="{% static 'css/font-awesome.min.css' %}" type="text/css" rel="stylesheet">
    <link href="{% static 'css/normalize.css' %}" type="text/css" rel="stylesheet">
    <link href="{% static 'css/css.css' %}" type="text/css" rel="stylesheet">

<script src="{% static 'js/jquery-1.11.0.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/jquery.step.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/bootstrap.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/bootsnav.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/jquery.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/html5.js' %}" type="text/javascript"></script>

<title>登录</title>
</head>

<body class="logobg_style">
  	<div id="large-header" class="large-header login-page">
  		<canvas id="demo-canvas" width="1590" height="711"></canvas>
  		<div class="login-form">
  			<div class="login-content">
  				<h1 class="title_name">账户登录</h1>
  				<form method="get" role="form" id="form_login" class="login_padding" accept="query">
				<div class="form-group clearfix">

					<div class="input-group">
						<div class="input-group-addon">
							<i class="icon_user"></i>
						</div>

						<input type="text" class="form-control" name="username" id="username" placeholder="手机号" autocomplete="off">
					</div>

				</div>

				<div class="form-group clearfix">

					<div class="input-group">
						<div class="input-group-addon">
							<i class="icon_password"></i>
						</div>

						<input type="password" class="form-control" name="password" id="password" placeholder="密码" autocomplete="off">
					</div>

				</div>
					<div class=" textright"><a href="#" class="forget">忘记密码?</a></div>
                  <div class="tishi"></div>
				<div class="form-group">
					<a href="javascript:;" type="submit" class="btn btn-danger btn-block btn-login" onClick="cliLogin()">
						<i class="fa fa-sign-in"></i>
						登录
					</a>
				</div>
<div class=" textright"><a href="register.html" class="forget">立即注册</a></div>
				<!-- Implemented in v1.1.4 -->				<div class="form-group">
					
				</div>



	
			</form>
  			</div>
  			
  		</div>
  	</div>
  	
<script src="js/TweenLite/TweenLite.min.js"></script>
<script src="js/TweenLite/EasePack.min.js"></script>
<script src="js/TweenLite/rAF.js"></script>
<script src="js/TweenLite/demo-1.js"></script>
</body>
</html>

register.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% load static %}
    <link href="{% static 'css/bootstrap.min.css' %}" type="text/css" rel="stylesheet">
    <link href="{% static 'css/font-awesome.min.css' %}" type="text/css" rel="stylesheet">
    <link href="{% static 'css/bootsnav.css' %}" type="text/css" rel="stylesheet">
    <link href="{% static 'css/normalize.css' %}" type="text/css" rel="stylesheet">
    <link href="{% static 'css/normalize.css' %}" type="text/css" rel="stylesheet">
    <link href="{% static 'css/css.css' %}" type="text/css" rel="stylesheet">
    <script src="{% static 'js/jquery-1.11.0.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/jquery.step.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/bootstrap.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/bootsnav.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/jquery.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/html5.js' %}" type="text/javascript"></script>

<title>注册</title>
</head>

<body class="logobg_style">
  <div id="large-header" class="large-header login-page">
  	<canvas id="demo-canvas" width="1590" height="711"></canvas>
  	<div class="Retrieve_style">
  	  <div class="Retrieve-content step-body" id="myStep">
  		<h1 class="title_name">用户注册</h1>
  		<div class="step-header"> <ul><li><p>输入电话</p></li><li><p>确认密码</p></li><li><p>成功</p></li></ul></div>
 		  <div class="step-content">
  			<div class="step-list login_padding">
  				<form  role="form" id="form_login" class="" action="save" method="get">
				 <div class="form-group clearfix">
					<div class="input-group col-lg-8 col-md-8 col-xs-8">
						<div class="input-group-addon"><i class="icon_phone"></i></div>
                        <input type="text" class="form-control text_phone" name="phone" id="phone" placeholder="你的手机号" autocomplete="off">
					</div>
                        <div class="col-lg-4 col-md-4 col-xs-4 fl"><input type="button" id="btn" class="btn_mfyzm" value="获取验证码" onclick="Sendpwd(this)"/></div>
				</div>
				<div class="form-group clearfix">
				 <div class="input-group">
					<div class="input-group-addon"><i class="icon_yanzhen"></i></div>
                    <input type="text"  class="form-control"  name="Verification" id="Verification"   placeholder="短信验证码" autocomplete="off">
					</div>
				</div>
				<div class="form-group clearfix">
				 <div class="input-group">
					<div class="input-group-addon"><i class="icon_password"></i></div>
                    <input type="text"  class="form-control"  name="mm" id="mm"   placeholder="密码" autocomplete="off">
					</div>
				</div>
				<div class="form-group clearfix">
				 <div class="input-group">
					<div class="input-group-addon"><i class="icon_name"></i></div>
                    <input type="text"  class="form-control"  name="xm" id="xm"   placeholder="姓名" autocomplete="off">
					</div>
				</div>
             <div class="tishi"></div>
             </form> 
            <div class="form-group">
					<button  class="btn btn-danger btn-block btn-login" id="applyBtn" >下一步</button>
				</div>	
			
			</div>
			<div class="step-list">
				<form method="post" role="form" id="" class="login_padding">
				  <div class="form-group clearfix">
					<div class="input-group">
						<div class="input-group-addon">
							<i class="icon_password"></i>
						</div>
						<input type="password" class="form-control" name="password" id="password" placeholder="重置密码" autocomplete="off">
					</div>

				</div>
				<div class="form-group clearfix">
					<div class="input-group">
						<div class="input-group-addon">
							<i class="icon_password"></i>
						</div>
						<input type="password" class="form-control" name="confirmpwd" id="confirmpwd" placeholder="再次密码" autocomplete="off">
					</div>
				</div>
				 <div class="tishis"></div>
				<div class="form-group">
					<a href="javascript:void(0);" type="submit" class="btn btn-danger btn-block btn-login" id="submitBtn">下一步</a>
				</div>
				</form>
				</div>
					<div class="step-list">
					<div class="ok_style center">
                            <h2><img src="images/ok.png"></h2>
	                        <h5 class="color2 mtb20">你已成功注册会员<b id="sec">5</b>秒后跳转到首页</h5>
	                        <a href="JavaScript:ovid()" class="btn btn-danger">首页</a>
	                        <a href="JavaScript:ovid()" class="btn btn-primary">从新注册</a>
					</div>
				</div>
			</div>
  		</div> 			
  </div>
 </div>
  <script src="{% static 'js/TweenLite/TweenLite.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/TweenLite/EasePack.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/TweenLite/rAF.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/TweenLite/demo-1.js' %}" type="text/javascript"></script>

</body>
</html>
<script type="text/javascript">
	
</script>

urls.py

"""Django01 URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:
    https://docs.djangoproject.com/en/3.0/topics/http/urls/
Examples:
Function views
    1. Add an import:  from my_app import views
    2. Add a URL to urlpatterns:  path('', views.home, name='home')
Class-based views
    1. Add an import:  from other_app.views import Home
    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
Including another URLconf
    1. Import the include() function: from django.urls import include, path
    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
"""
from django.contrib import admin
from django.urls import path


from django.contrib import admin
from django.urls import path
from django.shortcuts import render
from django.shortcuts import HttpResponse
import pymysql
#登录页面
def login(request):
    #指定要访问的页面,render的功能:讲请求的页面结果提交给客户端
    return render(request,'login.html')
#注册页面
def register(request):
    return render(request,'register.html')
#定义一个函数,用来保存注册的数据
def save(request):
    has_regiter = 0#用来记录当前账号是否已存在,0:不存在 1:已存在
    a = request.GET#获取get()请求
    #print(a)
    #通过get()请求获取前段提交的数据
    userName = a.get('username')
    passWord = a.get('password')
    #print(userName,passWord)
    #连接数据库
    db = pymysql.connect('127.0.0.1','root','manager','db2')
    #创建游标
    cursor = db.cursor()
    #SQL语句
    sql1 = 'select * from user1'
    #执行SQL语句
    cursor.execute(sql1)
    #查询到所有的数据存储到all_users中
    all_users = cursor.fetchall()
    i = 0
    while i < len(all_users):
        if userName in all_users[i]:
            ##表示该账号已经存在
            has_regiter = 1

        i += 1
    if has_regiter == 0:
        # 将用户名与密码插入到数据库中
        sql2 = 'insert into user1(username,password) values(%s,%s)'
        cursor.execute(sql2,(userName,passWord))
        db.commit()
        cursor.close()
        db.close()
        return HttpResponse('注册成功')
    else:

        cursor.close()
        db.close()
        return HttpResponse('该账号已存在')

def query(request):
    a = request.GET
    userName = a.get('username')
    passWord = a.get('password')
    user_tup = (userName,passWord)
    db = pymysql.connect('127.0.0.1','root','root','db2')
    cursor = db.cursor()
    sql = 'select * from user1'
    cursor.execute(sql)
    all_users = cursor.fetchall()
    cursor.close()
    db.close()
    has_user = 0
    i = 0
    while i < len(all_users):
        if user_tup == all_users[i]:
            has_user = 1
        i += 1
    if has_user == 1:
        return HttpResponse('登录成功')
    else:
        return HttpResponse('用户名或密码有误')
urlpatterns = [

    path('login/',login),
    path('register/',register),
    path('register/save',save),
    path('login/query',query)]

school.html

<!DOCTYPE html >
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>长春理工大学</title>
  <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon"/>
  <link rel="Bookmark" href="/favicon.ico" type="image/x-icon"/>
  <link href="css/reset.css" rel="stylesheet" type="text/css"/>
  <link href="css/webmain.css" rel="stylesheet" type="text/css"/>
  <link href="css/ddsmoothmenu.css" rel="stylesheet" type="text/css"/>
  <script type="text/javascript" src="scripts/jquery-1.4.2.min.js"></script>
  <script type="text/javascript" src="scripts/jquery.KinSlideshow-1.2.1.js"></script>
  <script type="text/javascript" src="scripts/webtry_roll.js"></script>
  <script type="text/javascript" src="scripts/ddsmoothmenu.js"></script>
  <script type="text/javascript">
      ddsmoothmenu.init({
          mainmenuid: "MainMenu", //menu DIV id
          orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
          classname: 'ddsmoothmenu', //class added to menu's outer DIV
          //customtheme: ["#1c5a80", "#18374a"],
          contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
      })
  </script>
</head>
<body>
<div id="wrapper">
  <div class="top">
    <img src="images/logon.jpg" width="600" height="90" alt="长春理工大学"/>
    <div id="lang"><a
      href="javascript:if(confirm('请点击确定访问https://www.cust.edu.cn/咨询。')){location.href='https://www.cust.edu.cn'}">
      <a href="https://www.cust.edu.cn."><strong style="font-size: large;color: #1c24b7">学生登录</strong></a>
      <a href="https://www.cust.edu.cn."><strong style="font-size: large;color: #1c24b7">教工登录</strong></a>
      <a href="https://www.cust.edu.cn."><strong style="font-size: large;color: #1c24b7">访客登录</strong></a>
      <a href="https://www.cust.edu.cn."><strong style="font-size: large;color: #1c24b7">统一身份认证登录</strong></a>
    </div>
  </div>
  <div id="MainMenu" class="ddsmoothmenu">
    <ul>
      <li><a href="index.html" id="menu_selected"><span>首页</span></a></li>
      <li><a href="single.html"><span>学校简介</span></a>
        <ul class="menulevel">
          <li><a href="single.html">校园历史</a></li>
          <li><a href="single.html">校园师资</a></li>
          <li><a href="single.html">校园文化</a></li>
          <li><a href="single.html">详细介绍</a></li>
        </ul>
      </li>
      <li><a href="single.html"><span>院系设置</span></a>
        <ul class="menulevel">
          <li><a href="single.html">研究生学院</a></li>
          <li><a href="single.html">理学院</a></li>
          <li><a href="single.html">光电学院</a></li>
          <li><a href="single.html">机电学院</a></li>
          <li><a href="single.html">电子信息学院</a></li>
          <li><a href="single.html">计算机科学技术学院</a></li>
          <li><a href="single.html">材料学院</a></li>
          <li><a href="single.html">经管学院</a></li>
          <li><a href="single.html">外国语学院</a></li>
          <li><a href="single.html">法学院</a></li>
          <li><a href="single.html">文学院</a></li>
          <li><a href="single.html">军体部</a></li>
        </ul>
      </li>
      <li><a href="single.html"><span>科学研究</span></a>
        <ul class="menulevel">
          <li><a href="single.html">自然科学</a></li>
          <li><a href="single.html">社会科学</a></li>
          <li><a href="single.html">科技园</a></li>
        </ul>
      </li>
      <li><a href="single.html"><span>招生就业</span></a>
        <ul class="menulevel">
          <li><a href="single.html">招生</a></li>
          <li><a href="single.html">就业</a></li>
        </ul>
      </li>
      <li><a href="single.html"><span>合作招聘</span></a>
        <ul class="menulevel">
          <li><a href="single.html">国际合作</a></li>
          <li><a href="single.html">国内合作</a></li>
          <li><a href="single.html">人才招聘</a></li>
        </ul>
      </li>

    </ul>
  </div>
  <script type="text/javascript">
      $(function () {
          $("#banner").KinSlideshow({
              moveStyle: "right",
              titleBar: {titleBar_height: 32, titleBar_bgColor: "#000", titleBar_alpha: 0.7},
              titleFont: {TitleFont_size: 12, TitleFont_color: "#FFFFFF", TitleFont_weight: "normal"},
              btn: {
                  btn_bgColor: "#2d2d2d",
                  btn_bgHoverColor: "#1072aa",
                  btn_fontColor: "#FFF",
                  btn_fontHoverColor: "#FFF",
                  btn_borderColor: "#4a4a4a",
                  btn_borderHoverColor: "#1188c0",
                  btn_borderWidth: 1
              }
          });
      })
  </script>
  <div id="banner">
    <a href="#"><img src="images/hc1.jpg" alt="长春理工大学东校区" width="900" height="300"/></a>
    <a href="#"><img src="images/hc1.jpg" alt="长春理工大学西校区" width="900" height="300"/></a>
  </div>
  <div id="index_main" class="clearfix">
    <div class="index-left">
      <div class="index-newproducts">
        <h3><a href="tzgg/index.htm" target="_blank">通知公告</a><strong>/</strong>Notice</h3>
        <!-- <h2><span>暂无信息</span><a href="products.html"><img src="images/more.gif" width="32" height="5" alt="产品展示" /></a></h2>-->
        <div class="productsroll">
          <div id="LeftArr1"></div>
          <div id="RightArr1"></div>
          <ul id="ScrollBox" class="clearfix">
            <li><a href="products.html"><img src="images/zc1.png" alt="加载失败" width="140" height="100"/>
              <span>副校长任职</span></a></li>
            <li><a href="products.html"><img src="images/zc2.jpg" alt="加载失败" width="140" height="100"/>
              <span>复工实验</span></a></li>
            <li><a href="products.html"><img src="images/zc3.jpg" alt="加载失败" width="140" height="100"/>
              <span>学术交流</span></a></li>
            <li><a href="products.html"><img src="images/zc4.jpg" alt="加载失败" width="140" height="100"/>
              <span>专家会谈</span></a></li>
          </ul>
          <script language="javascript" type="text/javascript">
              <!--//--><![CDATA[//><!--
              var scrollPic_01 = new ScrollPic();
              scrollPic_01.scrollContId = "ScrollBox"; //内容容器ID
              scrollPic_01.arrLeftId = "LeftArr1";//左箭头ID
              scrollPic_01.arrRightId = "RightArr1"; //右箭头ID
              scrollPic_01.frameWidth = 648;//显示框宽度
              scrollPic_01.pageWidth = 162; //翻页宽度
              scrollPic_01.speed = 10; //移动速度(单位毫秒,越小越快)
              scrollPic_01.space = 5; //每次移动像素(单位px,越大越快)
              scrollPic_01.autoPlay = true; //自动播放
              scrollPic_01.autoPlayTime = 3; //自动播放间隔时间(秒)
              scrollPic_01.initialize(); //初始化
              //--><!]]>
          </script>
        </div>
      </div>
      <div class="index-news">
        <h3><a href="tzgg/index.htm" target="_blank">新闻中心</a><strong>/</strong>News</h3>
        <ul>
          <li class="clearfix"><a href="news.html" title="开学"><img src="images/index_NewsPic.jpg" alt="开学" width="110"
                                                                   height="80"/></a>
            <h3><a href="news.html" title="开学">开学</a></h3>
            <p>  据中国疫情...<a href="news.html" title="开学">[详细]</a></p></li>
          <li><a href="news.html" title="开学2"><span>2011/6/11</span>- 开学2</a></li>
          <li><a href="news.html" title="开学2"><span>2011/6/11</span>- 开学2</a></li>
          <li><a href="news.html" title="煤炭煤化工机会凸显"><span>2011/6/10</span>- 开学2</a></li>
          <li><a href="news.html" title="开学2"><span>2011/6/10</span>- 开学2</a></li>
        </ul>
      </div>
      <div class="index-about">
        <h3><a href="tzgg/index.htm" target="_blank">关于我们</a><strong>/</strong>About</h3>
        <p><img src="images/school.jpg" alt="关于我们" width="145" height="181"/><a href="single.html" title="关于我们">  长春理工大学(Changchun
          University of Science and
          Technology),由吉林省、国家国防科技工业局、长春市共建,是一所以光电技术为特色,光、机、电、算、材相结合为优势,工、理、文、经、管、法、艺协调发展的多科性教学研究型大学<br/>
      </div>
      <div class="index-products">
        <h3><a href="tzgg/index.htm" target="_blank">理工风采</a><strong>/</strong>Mien</h3>
        <ul class="clearfix">
          <li><a href="products.html" title="某某某"><img src="images/small.jpg" alt="某某某" width="154" height="110"/><span>某某某</span></a>
          </li>
          <li><a href="products.html" title="某某某"><img src="images/small.jpg" alt="某某某" width="154" height="110"/><span>某某某</span></a>
          </li>
          <li><a href="products.html" title="某某某"><img src="images/small.jpg" alt="某某某" width="154" height="110"/><span>某某某</span></a>
          </li>
          <li><a href="products.html" title="某某某"><img src="images/small.jpg" alt="某某某" width="154" height="110"/><span>某某某</span></a>
          </li>

        </ul>
      </div>
    </div>
    <div class="index-right">
      <div class="index-search">
        <h3><a href="tzgg/index.htm" target="_blank">站内搜索</a><strong>/</strong>Search</h3>
        <form action="" method="post" id="sitesearch" name="sitesearch">

          <p>
            <input name="searchtext" type="text" id="searchtext"/>
          </p>
          <p>
            <input name="searchbutton" type="submit" id="searchbutton" value=""/>
          </p>
        </form>
      </div>
      <div class="index-jobs">
        <h3><a href="tzgg/index.htm" target="_blank">快速访问</a><strong>/</strong>Link</h3>
        <ul>
          <li><a href="jobs.html" title="教务管理系统"><span> - 教务管理系统</span></a></li>
          <li><a href="jobs.html" title="统一身份认证"><span> - 统一身份认证</span></a></li>
          <li><a href="jobs.html" title="本科招生"><span> - 本科招生</span></a></li>
          <li><a href="jobs.html" title="干部教育"><span> - 干部教育</span></a></li>
          <li><a href="jobs.html" title="国际会议"><span> - 国际会议</span></a></li>
        </ul>
      </div>
      <div class="index-contact">
        <h3><a href="tzgg/index.htm" target="_blank">联系我们</a><strong>/</strong>Call</h3>
        <p><span>地址: </span>长春市123号<br/>
          <span>邮编: </span>10086<br/>
          <span>联系人: </span>张张张<br/>
          <span>电话: </span>888888<br/>
          <span>传真: </span>08888888<br/>
          <span>手机: </span>13888888888<br/>
          <span>邮箱: </span>cust.com</p>
      </div>
      <img src="images/copyr.png" width="240" height="59" alt="校训"/>
    </div>
  </div>
  <div class="copyright" style="background: #0a59b2">
    <strong>Copyright @ 2008 长春理工大学 </strong> <span>|</span> <strong>地址:中国吉林省长春市卫星路7089号(东)、7186号(南)、7989号(西) </strong>
    <span>|</span> <strong><a href="http://www.beian.miit.gov.cn/" target="_blank"><font color="#FFFFFF">吉ICP备05001995号-1 </font></a></strong><span>|</span>
    <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=22010402000757"
       style="display:inline-block;color:#dcb5ff;"><img src="images/ghs.png" style="width:16px;heitght:16px;">吉公网安备
      22010402000757号</a>

    <i></i>技术支持:信息化中心 <span>|</span> <strong> 邮编:130022 </strong> <span>|</span> <strong>电话:86-431-85583888</strong>
    <span>|</span> <strong>电子信箱:cust@cust.edu.cn</strong>
  </div>
</div>
</body>
</html>