本题5分 共5个小题
- B/S架构系统后台常见的服务器端编程技术有JSP 、______、PHP、Python等。
- JavaScript是一种___________编程语言。
- CMS是指________________。
- B/S架构系统制作完成后，一般通过_____________工具上传到服务器上运行。
- HTTP服务器默认监听的是______________端口。
备注：作答结果填写在中间的作答框中，答案之间用空格分开就行，不用写题号，顺序不限制。
ASP
解释型
内容管理系统
FTP
80
本题5分
div+CSS编程
样式如下
要求如下：
- 各div的id如图所示。
- 所有的div相对定位，左浮动，border都为实线,1px,红色。
- 所有的div的外边距为10px，内边距为10px。
- main的宽为400px，高为270px;
- top的宽为358px,高为20px。
- menu的宽为358px,高为20px。
- footer的宽为358px，高为15px。
- left的宽为110px。
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Div Layout</title>
<style>
div {
position: relative;
float: left;
border: 1px solid red;
margin: 10px;
padding: 10px;
}
#main {
width: 400px;
height: 270px;
}
#top {
width: 358px;
height: 20px;
}
#menu {
width: 358px;
height: 20px;
}
#footer {
width: 358px;
height: 15px;
}
#left {
width: 110px;
}
#right_1, #right_2 {
width: 206px; /* 358px (main inner width) - 110px (left) - 20px (2 * margin) */
}
</style>
</head>
<body>
<div id="main">
<div id="top">Top</div>
<div id="menu">Menu</div>
<div id="left">Left</div>
<div id="right_1">Right 1</div>
<div id="right_2">Right 2</div>
<div id="footer">Footer</div>
</div>
</body>
</html>
本题5分 共5个小题
- 一般情况下，B/S架构系统的首页文件名是_______________。
- 小型B/S架构系统，可采用申请________________的方式运行。
- document.getElementById的功能是________________。
- JavaScript编程中，产生随机数是用________________。
- Jquery是________________。
备注：作答结果填写在中间的作答框中，答案之间用空格分开就行，不用写题号，顺序不限制。
index.html 虚拟主机 获取对象 Math.random() js类库
本题5分 共5个小题
- spring boot中@RequestMapping注解的作用是___________。
- spring boot中'@SpringBootApplication注解的作用是___________。
- spring boot中'@Controller注解的作用是___________。
- spring boot中'@Service注解的作用是___________。
- spring boot中'@Autowired注解的作用是___________。
备注：作答结果填写在中间的作答框中，答案之间用空格分开就行，不用写题号，顺序不限制。
映射URL路径
主配置类
标识一个Java 类是一个控制器
用于标识服务层组件
注入对象
本题5分 共5个小题
- ___________是用来简化Spring MVC的技术。
- spring boot中，使用注解来代替繁琐的__________配置。
- AOP是指________________。
- IOC是指________________。
- DI是指______________。
备注：作答结果填写在中间的作答框中，答案之间用空格分开就行，不用写题号，顺序不限制。
springboot XML 面向切面编程 控制反 依赖注入
本题5分 共5个小题
数据表student的字段为id,name,score;偏移量为offset，每页记录数为rowsOfPage;完成mapper层的功能设计
<mapper namespace="com.luowei.app.mapper.StudentMapper"> <select id="selectAll" resultType="com.luowei.app.entity.StudentEntity"> 1._______________________________________________________ </select> <select id="selectLimit" resultType="com.luowei.app.entity.StudentEntity"> 2._______________________________________________________ </select> <select id="selectCount" resultType="int"> 3._______________________________________________________ </select> <select id="select" resultType="com.luowei.app.entity.StudentEntity"> 4._______________________________________________________ </select> <update id="update" parameterType="com.luowei.app.entity.StudentEntity"> 5._______________________________________________________ </update> </mapper>
备注：SQL关键词大写。作答结果填写在中间的作答框中，答案之间用空格分开就行，不用写题号，顺序不限制。
`<mapper namespace="com.luowei.app.mapper.StudentMapper">`
`<select id="selectAll" resultType="com.luowei.app.entity.StudentEntity">`
`SELECT * FROM student`
`</select>`
`<select id="selectLimit" resultType="com.luowei.app.entity.StudentEntity">`
`SELECT * FROM student LIMIT #{offset},#{rowsOfPage}`
`</select>`
`<select id="selectCount" resultType="int">`
`SELECT COUNT(*) AS counter FROM student`
`</select>`
`<select id="select" resultType="com.luowei.app.entity.StudentEntity">`
`SELECT * FROM student WHERE id=#{id}`
`</select>`
`<update id="update" parameterType="com.luowei.app.entity.StudentEntity">`
`UPDATE student SET name=#{name},score=#{score} WHERE id=#{id}`
`</update>`
`</mapper>`
———————————————————————————————————————————————————————————————————————————————— 本题5分 共5个小题 数据表student的字段为id,name,score;偏移量为offset，每页记录数为rowsOfPage;数据表实体为:StudentEntity;完成mapper接口的功能设计
@Repository @Mapper public interface StudentMapper { List<StudentEntity> 1.___________________________________ List<StudentEntity> 2.___________________________________ 3._______________________________________________________ 4._______________________________________________________ 5._______________________________________________________ }
备注：SQL关键词大写，函数与方法名遵循驼峰命名法。作答结果填写在中间的作答框中，答案之间用空格分开就行，不用写题号，顺序不限制。
selectAll();
selectLimit(int offset,int rowsOfPage);
int selectCount();
StudentEntity select(String id);
int update(StudentEntity studentEntity);
Javascript编程实现回调 要求如下：
- 定义函数main，实现回调。
- main函数接受一个回调参数实现回调功能。
- 回调时传"callback"字符串参数给回调函数。
- 注：此题在提交时，请把自行测试时调用函数的代码行注释掉或是删除
<html lang="en">
<head>
<meta charset="utf-8">
<title>14</title>
</head>
<body>
<script>
function main(callback){
callback("callback");
}
function myCallback(arg){
console.log(arg);
}
main(myCallback);
</script>
</body>
</html>
本题5分 使用AJAX技术获取服务器时间。 要求如下：
- 获取的时间显示在div中，div的id为div_1。
- 从服务器返回的数据是JSON格式，时间数据的键为time。
- 服务器处理程序的地址为"/public_libs/server_ajax_521_1.php"
- Jquery的引入地址为"/public_libs/jquery.js"（注此项非强制,可用原生代码实现）
<!DOCTYPE html>
<html>
<head>
<title>AJAX获取服务器时间</title>
<script src="/public_libs/jquery.js"></script>
</head>
<body>
<div id="div_1"></div>
<script type="text/javascript">
$(document).ready(function() {
$.ajax({
url: "/public_libs/server_ajax_1.php",
type: "GET",
success: function(response) {
$("#div_1").html(response);
}
});
});
</script>
</body>
</html>
本题5分
HIS程序设计专项能力评测，前端程序设计专用。
患者首诊建档。
样式如下：
要求如下：
- form的id为form_1,
- 姓名输入框的id,name为name;对应信息提示区span的id为span_name
- 身份证输入框的id,name为id;对应信息提示区span的id为span_id
- 性别控件的name为gender，id男为male，女为female，value男为01，女为02;对应信息提示区span的id为span_gender
- 家庭地址省控件的id,name为province，option的value及标题依次为"510000000000,四川"，"130000000000,河北"，"530000000000,云南";对应信息提示区span的id为span_province
- 家庭地址市控件的id,name为city，option的value及标题依次为"510100000000,成都"，"510700000000,绵阳"，"510600000000,德阳"，默认选中德阳;对应信息提示区span的id为span_city
- 既往史的name为history，id高血压为hypertension、糖尿病为diabetes、 精神病为psychosis，value高血压为icd_01，糖尿病为icd_02，精神病为icd_03。对应信息提示区span的id为span_history
- 保存按钮的id,name,value为ok，type为button
- 实现函数checkData，完成如下功能
- 当姓名为空时，在姓名提示区显示：姓名不能为空
- 当性别为空时，在性别提示区显示：请选择性别
- 当市没有选中德阳，在市提示区显示：请选择德阳
- 既往史没有选定项时，在既往史提示区显示：请选择至少一项疾病
- 没有错误时，信息区显示空白
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form id="form_1">
姓名:<input type="text" id="name" name="name" value="">
<span id="span_name"></span><br>
身份证:<input type="text" id="id" name="id" value="">
<span id="span_id"></span><br>
性别:<input type="radio" id="male" name="gender" value="1">男
<input type="radio" id="female" name="gender" value="2">女
<span id="span_gender"></span><br>
家庭地址:<select id="province" name="province">
<option value="sc">四川</option>
<option value="hb">河北</option>
<option value="yn">云南</option>
</select>
<span id="span_province"></span><br>
<select id="city" name="city">
<option checked value="510600000000">德阳</option>
<option value="510700000000">绵阳</option>
<option value="510100000000">成都</option>
</select>
<span id="span_city"></span><br>
既往史:<input type="checkbox" id="hypertension" name="history" value="icd_01">高血压
<input type="checkbox" id="diabetes" name="history" value="icd_02">糖尿病
<input type="checkbox" id="psychosis" name="history" value="icd_03">精神病
<span id="span_history"></span><br>
<input type="button" id="ok" name="ok" value="ok" onclick="checkData()">
</form>
</body>
<script>
function checkData()
{
var objName=document.getElementById("name");
var objSpanName=document.getElementById("span_name");
var objid=document.getElementById("id");
var objSpan_id=document.getElementById("span_id");
var objgender=document.getElementById("span_gender");
var objcity=document.getElementById("span_city");
var objhistory=document.getElementById("span_history");
var name1=objName.value;
var id1=objid.value;
var gender1=objgender.value;
var city1=objcity.value;
var history1=objhistory.value;
var errorMessage_1="";
var errorMessage_2="";
var errorMessage_3="";
var errorMessage_4="";
if(name1=="")
{
errorMessage_1="姓名不能为空";
}
else
{
errorMessage_1="";
}
objSpanName.innerHTML=errorMessage_1;
if(gender1!="1"||gender1!="2")
{
errorMessage_2="请选择性别";
}
else
{
errorMessage_2="";
}
objgender.innerHTML=errorMessage_2;
if(city1!="dy")
{
errorMessage_3="请选择德阳";
}
else
{
errorMessage_3="";
}
objcity.innerHTML=errorMessage_3;
if(history1!="icd_01"&&history1!="icd_02"&&history1!="icd_03")
{
errorMessage_4="请选择至少一项疾病";
}
else
{
errorMessage_4="";
}
objhistory.innerHTML=errorMessage_4;
}
</script>
<html>