主要功能:实现学生信息的增、删、改、查。
使用技术:ajax+jquery,MVC框架。
功能解释:使用ajax异步交互,在index.html页面使用jquery的dialog窗口实现增删改查。
数据库:sqlserver
项目布置:
1.java视图
2.数据库视图:
功能视图:
这是我自己做的页面有点粗糙哈。
1.主页(展示信息)
2.添加信息(跳出框添加)
3.修改
内容展示:ajax是javaweb里一个重要的知识点,他能让页面在不跳转的情况下实现部分数据的交互,比如用户注册时提示信息等。ajax一般结合jquery使用,下面我来展示代码。
1.user.java(javabean类存放用户信息)
2.dao.java(存放增删改查函数)
3.studentConnection.java(javabean交互)
4.AjaxServlet.java
5.index.html
6.style.css(页面样式)
1body{2text-align:center;3background-image:url('images/bg_03.jpg');4background-size:cover;5}67table{8width:500px;9border:1pxsolid#696969;10border-collapse:collapse;11margin:0auto;12}13th{14border:1pxsolid#696969;15background-color:#FF1493;16}17td{18text-align:center;19border:1pxsolid#696969;20height:50px;21background-color:#FFF5EE;22}23td.ltd{24text-align:left;25}26input{27font-size:20px;28}