486 lines
13 KiB
Markdown
486 lines
13 KiB
Markdown
本题5分 共5个小题
|
||
|
||
1. B/S架构系统后台常见的服务器端编程技术有JSP 、______、PHP、Python等。
|
||
2. JavaScript是一种___________编程语言。
|
||
3. CMS是指________________。
|
||
4. B/S架构系统制作完成后，一般通过_____________工具上传到服务器上运行。
|
||
5. HTTP服务器默认监听的是______________端口。
|
||
|
||
备注：作答结果填写在中间的作答框中，答案之间用空格分开就行，不用写题号，顺序不限制。
|
||
|
||
```
|
||
ASP
|
||
解释型
|
||
内容管理系统
|
||
FTP
|
||
80
|
||
```
|
||
|
||
|
||
|
||
本题5分
|
||
div+CSS编程
|
||
样式如下
|
||
|
||
要求如下：
|
||
|
||
1. 各div的id如图所示。
|
||
2. 所有的div相对定位，左浮动，border都为实线,1px,红色。
|
||
3. 所有的div的外边距为10px，内边距为10px。
|
||
4. main的宽为400px，高为270px;
|
||
5. top的宽为358px,高为20px。
|
||
6. menu的宽为358px,高为20px。
|
||
7. footer的宽为358px，高为15px。
|
||
8. left的宽为110px。
|
||
|
||
<!DOCTYPE html>
|
||
```
|
||
<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个小题
|
||
|
||
1. 一般情况下，B/S架构系统的首页文件名是_______________。
|
||
2. 小型B/S架构系统，可采用申请________________的方式运行。
|
||
3. document.getElementById的功能是________________。
|
||
4. JavaScript编程中，产生随机数是用________________。
|
||
5. Jquery是________________。
|
||
|
||
备注：作答结果填写在中间的作答框中，答案之间用空格分开就行，不用写题号，顺序不限制。
|
||
|
||
|
||
|
||
```
|
||
index.html 虚拟主机 获取对象 Math.random() js类库
|
||
```
|
||
|
||
|
||
|
||
|
||
|
||
本题5分 共5个小题
|
||
|
||
> 1. spring boot中@RequestMapping注解的作用是___________。
|
||
> 2. spring boot中'@SpringBootApplication注解的作用是___________。
|
||
> 3. spring boot中'@Controller注解的作用是___________。
|
||
> 4. spring boot中'@Service注解的作用是___________。
|
||
> 5. spring boot中'@Autowired注解的作用是___________。
|
||
|
||
备注：作答结果填写在中间的作答框中，答案之间用空格分开就行，不用写题号，顺序不限制。
|
||
|
||
```
|
||
映射URL路径
|
||
主配置类
|
||
标识一个Java 类是一个控制器
|
||
用于标识服务层组件
|
||
注入对象
|
||
|
||
|
||
```
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
本题5分 共5个小题
|
||
|
||
> 1. ___________是用来简化Spring MVC的技术。
|
||
> 2. spring boot中，使用注解来代替繁琐的__________配置。
|
||
> 3. AOP是指________________。
|
||
> 4. IOC是指________________。
|
||
> 5. 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编程实现回调
|
||
要求如下：
|
||
|
||
1. 定义函数main，实现回调。
|
||
2. main函数接受一个回调参数实现回调功能。
|
||
3. 回调时传"callback"字符串参数给回调函数。
|
||
4. 注：此题在提交时，请把自行测试时调用函数的代码行注释掉或是删除
|
||
|
||
```
|
||
<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技术获取服务器时间。
|
||
要求如下：
|
||
|
||
1. 获取的时间显示在div中，div的id为div_1。
|
||
2. 从服务器返回的数据是JSON格式，时间数据的键为time。
|
||
3. 服务器处理程序的地址为"/public_libs/server_ajax_521_1.php"
|
||
4. 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程序设计专项能力评测，前端程序设计专用。
|
||
患者首诊建档。
|
||
样式如下：
|
||
|
||
要求如下：
|
||
|
||
1. form的id为form_1,
|
||
2. 姓名输入框的id,name为name;对应信息提示区span的id为span_name
|
||
3. 身份证输入框的id,name为id;对应信息提示区span的id为span_id
|
||
4. 性别控件的name为gender，id男为male，女为female，value男为01，女为02;对应信息提示区span的id为span_gender
|
||
5. 家庭地址省控件的id,name为province，option的value及标题依次为"510000000000,四川"，"130000000000,河北"，"530000000000,云南";对应信息提示区span的id为span_province
|
||
6. 家庭地址市控件的id,name为city，option的value及标题依次为"510100000000,成都"，"510700000000,绵阳"，"510600000000,德阳"，默认选中德阳;对应信息提示区span的id为span_city
|
||
7. 既往史的name为history，id高血压为hypertension、糖尿病为diabetes、 精神病为psychosis，value高血压为icd_01，糖尿病为icd_02，精神病为icd_03。对应信息提示区span的id为span_history
|
||
8. 保存按钮的id,name,value为ok，type为button
|
||
9. 实现函数checkData，完成如下功能
|
||
10. 当姓名为空时，在姓名提示区显示：姓名不能为空
|
||
11. 当性别为空时，在性别提示区显示：请选择性别
|
||
12. 当市没有选中德阳，在市提示区显示：请选择德阳
|
||
13. 既往史没有选定项时，在既往史提示区显示：请选择至少一项疾病
|
||
14. 没有错误时，信息区显示空白
|
||
|
||
```
|
||
<!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>
|
||
```
|
||
|