Преглед изворни кода

校本PDF报告第一次提交

master
wangzhonglu пре 2 година
комит
43806c26d3

+ 88
- 0
css/common.css Прегледај датотеку

@@ -0,0 +1,88 @@
1
+html,
2
+body {
3
+  margin: 0;
4
+  padding: 0;
5
+  font-size: 3mm;
6
+  font-family: "Microsoft YaHei", "微软雅黑" !important;
7
+  color: #333;
8
+  box-sizing: border-box;
9
+}
10
+h1,h2,h3,h4 {
11
+  margin: 0;
12
+  padding: 0;
13
+  font-weight: normal;
14
+}
15
+.root_body {
16
+  background-color: #f5f5f5;
17
+}
18
+.pdf_root {
19
+  margin: 0 auto;
20
+  width: 210mm;
21
+  background-color: #fff;
22
+}
23
+.page_root {
24
+  margin: 0 auto;
25
+  padding: 0 8mm;
26
+  width: 210mm;
27
+  height: 277mm;
28
+  box-sizing: border-box;
29
+  background-color: #fff;
30
+  /* 强制分页 */
31
+  page-break-after: always;
32
+}
33
+.section_title_1 {
34
+  padding-top: 11mm;
35
+  padding-bottom: 8mm;
36
+  font-size: 7mm;
37
+  text-align: center;
38
+  font-weight: bold;
39
+}
40
+.section_title_2 {
41
+  padding-bottom: 5mm;
42
+  font-size: 4mm;
43
+  font-weight: bold;
44
+}
45
+.section_title_3 {
46
+  padding-bottom: 5mm;
47
+  font-size: 3mm;
48
+  color: #666;
49
+}
50
+.section_title_4 {
51
+  padding-bottom: 5mm;
52
+  font-size: 3mm;
53
+  color: #666;
54
+}
55
+.abstract_box {
56
+  margin-bottom: 6mm;
57
+  height: 38mm;
58
+  border-radius: 5mm;
59
+  color: #fff;
60
+  background-color: #2D8CF0;
61
+  overflow: hidden;
62
+}
63
+.abstract_left {
64
+  float: left;
65
+  margin: 4mm 0;
66
+  width: 60mm;
67
+  height: calc(100% - 8mm);
68
+  text-align: center;
69
+  border-right: 0.5mm dashed #f5f5f5;
70
+  box-sizing: border-box;
71
+}
72
+.abstract_left img {
73
+  display: block;
74
+  margin: 0 auto;
75
+  width: 38mm;
76
+  height: 30mm;
77
+}
78
+.abstract_right {
79
+  float: right;
80
+  margin: 4mm 10mm;
81
+  width: calc(100% - 80mm);
82
+  height: calc(100% - 8mm);
83
+  box-sizing: border-box;
84
+}
85
+.abstract_content {
86
+  font-size: 4mm;
87
+  line-height: 10mm;
88
+}

+ 0
- 0
css/cover.css Прегледај датотеку


+ 32
- 0
css/preface.css Прегледај датотеку

@@ -0,0 +1,32 @@
1
+.preface_title_1 {
2
+  padding-top: 10mm;
3
+  padding-bottom: 3mm;
4
+  font-size: 6mm;
5
+  font-weight: bold;
6
+  text-align: center;
7
+}
8
+.preface_title_2 {
9
+  padding-bottom: 10mm;
10
+  font-size: 5mm;
11
+  font-weight: bold;
12
+  text-align: center;
13
+}
14
+.preface_title_3 {
15
+  margin-top: 12mm;
16
+  font-size: 4mm;
17
+  line-height: 10mm;
18
+}
19
+.preface_title_4 {
20
+  font-size: 3mm;
21
+  line-height: 8mm;
22
+}
23
+.preface_content {
24
+  font-size: 3mm;
25
+  line-height: 8mm;
26
+  text-indent: 2em;
27
+}
28
+.preface_content_line {
29
+  font-size: 4mm;
30
+  line-height: 8mm;
31
+  border-bottom: 0.5mm dashed #333;
32
+}

+ 0
- 0
css/section_1.css Прегледај датотеку


+ 0
- 0
css/section_2.css Прегледај датотеку


+ 0
- 0
css/section_3.css Прегледај датотеку


+ 0
- 0
css/section_4.css Прегледај датотеку








+ 15
- 0
index.html Прегледај датотеку

@@ -0,0 +1,15 @@
1
+<!DOCTYPE html>
2
+<html lang="zh-cn">
3
+<head>
4
+  <meta charset="UTF-8">
5
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+  <title>校本PDF报告</title>
8
+  <link rel="stylesheet" href="./css/common.css">
9
+</head>
10
+<body class="root_body">
11
+  <div class="pdf_root"></div>
12
+  <script src="./jquery@3.6.1/jquery.js"></script>
13
+  <script src="./js/index.js"></script>
14
+</body>
15
+</html>

+ 10909
- 0
jquery@3.6.1/jquery.js
Разлика између датотеке није приказан због своје велике величине
Прегледај датотеку


+ 2
- 0
jquery@3.6.1/jquery.min.js
Разлика између датотеке није приказан због своје велике величине
Прегледај датотеку


+ 30
- 0
js/index.js Прегледај датотеку

@@ -0,0 +1,30 @@
1
+$(function () {
2
+  let loadHtmlArr = [
3
+    "cover",
4
+    // "catalog",
5
+    "preface",
6
+    "section_1",
7
+    "section_2",
8
+    "section_3",
9
+    "section_4",
10
+  ];
11
+  $(".pdf_root").html(loadHtmlArr.map(htmlName => {
12
+    return `<div class="${htmlName}_html_root"></div>`;
13
+  }).join(""));
14
+  loadHtmlArr.forEach(htmlName => {
15
+    if (htmlName === "preface") {
16
+      $(`.${htmlName}_html_root`).data("page-params", JSON.stringify({
17
+        htmlName,
18
+        subjectname: "语文",
19
+        num: 12
20
+      }));
21
+    } else if (htmlName === "section_1") {
22
+      $(`.${htmlName}_html_root`).data("page-params", JSON.stringify({
23
+        htmlName,
24
+        subjectname: "数学",
25
+        num: 33
26
+      }));
27
+    }
28
+    $(`.${htmlName}_html_root`).load(`../sections/${htmlName}.html`);
29
+  });
30
+});

+ 5
- 0
js/preface.js Прегледај датотеку

@@ -0,0 +1,5 @@
1
+$(function() {
2
+  // outerHeight(true) 高度为 height+margin+padding+border
3
+  let parameter = $(".preface_html_root").data("page-params");
4
+  console.log("preface:parameter", parameter);
5
+});

+ 5
- 0
js/section_1.js Прегледај датотеку

@@ -0,0 +1,5 @@
1
+$(function() {
2
+  // outerHeight(true) 高度为 height+margin+padding+border
3
+  let parameter = $(".section_1_html_root").data("page-params");
4
+  console.log("section_1:parameter", parameter);
5
+});

+ 7
- 0
notes.txt Прегледај датотеку

@@ -0,0 +1,7 @@
1
+cover.html 封面
2
+catalog.html 目录
3
+preface.html 前言
4
+section_1.html 第一部分
5
+section_2.html 第二部分
6
+section_3.html 第三部分
7
+section_4.html 第四部分

+ 0
- 0
sections/catalog.html Прегледај датотеку


+ 0
- 0
sections/cover.html Прегледај датотеку


+ 65
- 0
sections/preface.html Прегледај датотеку

@@ -0,0 +1,65 @@
1
+<!DOCTYPE html>
2
+<html lang="zh-cn">
3
+<head>
4
+  <meta charset="UTF-8">
5
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+  <title>校本PDF报告-前言</title>
8
+  <link rel="stylesheet" href="../css/preface.css">
9
+</head>
10
+<body>
11
+  <div class="page_root">
12
+    <h1 class="preface_title_1">前言</h1>
13
+    <div class="preface_title_2">INTRODUCTION</div>
14
+    <div class="preface_content_line">本次考试为高一年级期中考试,共4个班级、8个学科,总分值为750分。</div>
15
+    <div class="preface_content_line">计划240名考生,缺考20人,实际考生50人,最高分749分,平均分569.03分;</div>
16
+    <div class="preface_content_line">本次考试A类上线分值[650,750],上线率19.93%,上线人数 10人;</div>
17
+    <div class="preface_content_line">本次考试B类上线分值[650,750],上线率19.93%,上线人数 10人;</div>
18
+    <div class="preface_content_line">本次考试C类上线分值[650,750],上线率19.93%,上线人数 10人;</div>
19
+    <div class="preface_content_line">本次考试D类上线分值[650,750],上线率19.93%,上线人数 10人;</div>
20
+    <div class="preface_content_line">本次考试E类上线分值[650,750],上线率19.93%,上线人数 10人;</div>
21
+    <div class="preface_title_3">指标说明</div>
22
+    <div class="preface_title_4">1、学科成绩对比/班级成绩对比</div>
23
+    <div class="preface_content">(1)实考人数:实际参加考试的学生人数。一个班或年级该科目参加考试的人数,以该科目非缺考的人数为准;一个班或年级总分的参考人数,以参加任一应考科目的学生人数为准。</div>
24
+    <div class="preface_content">(2)缺考人数:缺考人数指未参加考试和扫描不成功或未扫描的人数。缺考人数=计划人数-实考人数,即缺考标记人数+未扫描人数。</div>
25
+    <div class="preface_content">(3)满分:试卷卷面分满分,默认为卷面分。</div>
26
+    <div class="preface_content">(4) 最高分:参与统计的学生成绩的最大值,根据统计范围的不同,又可分为:年级最高分、班级最高分。</div>
27
+    <div class="preface_content">(5) 最低分:参与统计的学生成绩的最小值,根据统计范围的不同,又可分为:年级最低分、班级最低分。</div>
28
+    <div class="preface_content">(6) 平均分:参与统计的学生成绩的平均值,根据统计范围的不同,又可分为:年级平均分、班级平均分。</div>
29
+    <div class="preface_content">(7) 优秀率:优秀率=分数高于或等于优秀分数线的人数/统计人数*100%,默认优秀档(分)≥85%。</div>
30
+    <div class="preface_content">(8) 良好率:良好率=分数高于或等于良好分数线的人数/统计人数*100%,默认良好档(分)≥70%。</div>
31
+    <div class="preface_content">(9) 合格率:合格率=分数高于或等于合格分数线的人数/统计人数*100%,默认合格档(分)≥60%。</div>
32
+    <div class="preface_content">(10)低分率:低分率=分数低于或等于低分分数线的人数/统计人数*100%,默认低分档(分)≤40%。</div>
33
+    <div class="preface_content">(11)标准差:表示所有考生考试分数间的绝对离散程度,值越大表示个体之间的分数离散程度越大,反之,值越小表示个体之间的分数离散程度越小。 </div>
34
+    <div class="preface_title_4">2、成绩等级对比</div>
35
+    <div class="preface_content">成绩等级对比中“等级”数据来源报告设置计分方式中等级或等级赋分设置结果。</div>
36
+    <div class="preface_content">(1)人数:指定范围下各个等级下考生人数;</div>
37
+    <div class="preface_content">(2)比例:比例=各等级人数/该范围下参与统计人数*100%;</div>
38
+  </div>
39
+  <div class="page_root">
40
+    <div class="preface_content">(3)默认共分成五个等级:A:85%-100%、B:70%-85%、C:60%-70%、D:40%-60%、E:0-40%。</div>
41
+    <div class="preface_title_4">3、进线分析</div>
42
+    <div class="preface_content">(1)总分上线:考生总成绩达到总分各层次分数线(或名次)的称为总分上线;</div>
43
+    <div class="preface_content">(2)单科上线:考生某一单科成绩达到该学科上线有效分(或名次)的称为单科上线。</div>
44
+    <div class="preface_title_4">4、临界生对比</div>
45
+    <div class="preface_content">(1)人数:指定范围下各个名次段下考生人数;</div>
46
+    <div class="preface_content">(2)占比:占比=各分数区间段(或名次段)人数/全部学生*100%。</div>
47
+    <div class="preface_title_4">5、优秀生学困生:</div>
48
+    <div class="preface_content">(1)人数:指定范围下各个名次段下考生人数;</div>
49
+    <div class="preface_content">(2)占比:占比=各名次段人数/全部学生*100%。</div>
50
+    <div class="preface_title_4">6、优劣势学科对比</div>
51
+    <div class="preface_content">学科成绩换算成标准分数(z分数)进行比较,雷达图塌陷处为班级劣势学科,需要多加关注;z分数=(班级平均分-年级或所选班级均分)/标准差。</div>
52
+    <div class="preface_title_4">7、平均分、得分率:</div>
53
+    <div class="preface_content">线上:以实际参加学生数量为基数来计算。</div>
54
+    <div class="preface_content">线下:以实际扫描的答题卡的学生为准。</div>
55
+    <div class="preface_title_4">8、单道题的分值区间:</div>
56
+    <div class="preface_content">[0,50%)、[50%,80%)、 [80%,100%]</div>
57
+    <div class="preface_content">若有小数点则采取四舍五入的方式。</div>
58
+    <div class="preface_title_4">9、位次目标值:</div>
59
+    <div class="preface_content">个人位次和班级位次 下次目标值默认为20%。</div>
60
+    <div class="preface_title_4">10、知识点所占分值及得分率计算:</div>
61
+    <div class="preface_content">一道题含多个知识点,单个知识点分值 取平均分。</div>
62
+  </div>
63
+  <script src="./js/preface.js"></script>
64
+</body>
65
+</html>

+ 27
- 0
sections/section_1.html Прегледај датотеку

@@ -0,0 +1,27 @@
1
+<!DOCTYPE html>
2
+<html lang="zh-cn">
3
+<head>
4
+  <meta charset="UTF-8">
5
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+  <title>校本PDF报告-第一章 考试概况</title>
8
+</head>
9
+<body>
10
+  <div class="page_root">
11
+    <h1 class="section_title_1">第一章 考试概况</h1>
12
+    <div class="abstract_box">
13
+      <div class="abstract_left">
14
+        <img src="/img/img1.png" />
15
+      </div>
16
+      <div class="abstract_right">
17
+        <div class="abstract_content">从学校和数据的角度分析整体科目、整体班级及各科各班之间的水平和差异情况,系统从多个维度的数据进行对比分析,<strong>包括满分、最高分、平均分、最低分、四率、参考人数、标准差。</strong></div>
18
+      </div>
19
+    </div>
20
+    <h2 class="section_title_2">1.总览</h2>
21
+    <h2 class="section_title_2">2.成绩概况</h2>
22
+    <h3 class="section_title_3">2.1 各科满分、最高分、最低分、平均分对比分析</h3>
23
+    <h4 class="section_title_4">2.1.1 各科满分、最高分、最低分、平均分对比分析</h4>
24
+  </div>
25
+  <script src="../js/section_1.js"></script>
26
+</body>
27
+</html>

+ 27
- 0
sections/section_2.html Прегледај датотеку

@@ -0,0 +1,27 @@
1
+<!DOCTYPE html>
2
+<html lang="zh-cn">
3
+<head>
4
+  <meta charset="UTF-8">
5
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+  <title>校本PDF报告-第二章 成绩分析</title>
8
+</head>
9
+<body>
10
+  <div class="page_root">
11
+    <h1 class="section_title_1">第二章 成绩分析</h1>
12
+    <div class="abstract_box">
13
+      <div class="abstract_left">
14
+        <img src="/img/img2.png" />
15
+      </div>
16
+      <div class="abstract_right">
17
+        <div class="abstract_content">从学校和数据的角度分析整体科目、整体班级及各科各班之间的水平和差异情况,系统从多个维度的数据进行对比分析,包括<strong>满分、最高分、平均分、最低分、四率、参考人数、标准差。</strong></div>
18
+      </div>
19
+    </div>
20
+    <h2 class="section_title_2">1.总览</h2>
21
+    <h2 class="section_title_2">2.成绩概况</h2>
22
+    <h3 class="section_title_3">2.1 各科满分、最高分、最低分、平均分对比分析</h3>
23
+    <h4 class="section_title_4">2.1.1 各科满分、最高分、最低分、平均分对比分析</h4>
24
+  </div>
25
+  <script src="../js/section_2.js"></script>
26
+</body>
27
+</html>

+ 27
- 0
sections/section_3.html Прегледај датотеку

@@ -0,0 +1,27 @@
1
+<!DOCTYPE html>
2
+<html lang="zh-cn">
3
+<head>
4
+  <meta charset="UTF-8">
5
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+  <title>校本PDF报告-第三章 违纪行为分析</title>
8
+</head>
9
+<body>
10
+  <div class="page_root">
11
+    <h1 class="section_title_1">第三章 违纪行为分析</h1>
12
+    <div class="abstract_box">
13
+      <div class="abstract_left">
14
+        <img src="/img/img3.png" />
15
+      </div>
16
+      <div class="abstract_right">
17
+        <div class="abstract_content">从学校和数据的角度分析整体科目、整体班级及各科各班之间的违纪情况,系统按照科目和班级进行分析统计,包括<strong>人数、比例。</strong></div>
18
+      </div>
19
+    </div>
20
+    <h2 class="section_title_2">1.总览</h2>
21
+    <h2 class="section_title_2">2.成绩概况</h2>
22
+    <h3 class="section_title_3">2.1 各科满分、最高分、最低分、平均分对比分析</h3>
23
+    <h4 class="section_title_4">2.1.1 各科满分、最高分、最低分、平均分对比分析</h4>
24
+  </div>
25
+  <script src="../js/section_1.js"></script>
26
+</body>
27
+</html>

+ 27
- 0
sections/section_4.html Прегледај датотеку

@@ -0,0 +1,27 @@
1
+<!DOCTYPE html>
2
+<html lang="zh-cn">
3
+<head>
4
+  <meta charset="UTF-8">
5
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+  <title>校本PDF报告-第四章 优秀试卷分析</title>
8
+</head>
9
+<body>
10
+  <div class="page_root">
11
+    <h1 class="section_title_1">第四章 优秀试卷分析</h1>
12
+    <div class="abstract_box">
13
+      <div class="abstract_left">
14
+        <img src="/img/img4.png" />
15
+      </div>
16
+      <div class="abstract_right">
17
+        <div class="abstract_content">从学校和数据的角度分析整体科目、整体班级及各科各班之间的优秀试卷情况,系统按照科目和班级进行分析统计,包括<strong>人数、比例。</strong></div>
18
+      </div>
19
+    </div>
20
+    <h2 class="section_title_2">1.总览</h2>
21
+    <h2 class="section_title_2">2.成绩概况</h2>
22
+    <h3 class="section_title_3">2.1 各科满分、最高分、最低分、平均分对比分析</h3>
23
+    <h4 class="section_title_4">2.1.1 各科满分、最高分、最低分、平均分对比分析</h4>
24
+  </div>
25
+  <script src="../js/section_2.js"></script>
26
+</body>
27
+</html>

Loading…
Откажи
Сачувај