.

frontEnd/问卷/css/common.css

@@ -0,0 +1,60 @@
+.Box{
+    height: 500px;
+}
+.Btitle{
+    width: 100%;
+    text-align: center;
+    font-family: "Microsoft JhengHei Light", Sans-serif, serif;
+    border-bottom: 1px solid #ccc;
+    background: #15a0e8;
+    color: #fff;
+    margin-bottom: 20px;
+}
+.list-group .list-group-item-heading{
+    background: #65b9ec;
+    height: 30px;
+    text-align: left;
+    color: #fff;
+    border-radius: 10px;
+    text-indent: 1em;
+    font: 16px/30px "Microsoft YaHei UI Light";
+}
+.list-group .list-group-item-heading span,em{
+    line-height: 30px;
+}
+.list-group .list-group-item{
+    margin-bottom: 10px;
+}
+.list-group .list-group-item .isMust{
+    float: right;
+    color: #f00;
+    margin-right: 15px;
+}
+.list-group .list-group-item .answerBox .answer .answerTianKong{
+    width: 50px;
+    outline: none;
+    border: none;
+    border-bottom: 1px solid #000;
+    text-align: center;
+}
+.list-group .list-group-item .answerBox{
+    width: 100%;
+}
+.list-group .list-group-item .answerBox select{
+    outline: none;
+}
+.list-group .list-group-item .answerBox .oneLine{
+    width: 100%;
+    height: 30px;
+    outline: none;
+    border: 1px solid #373737;
+    font: 14px/25px "Microsoft YaHei";
+    text-indent:5px;
+}
+.list-group .list-group-item .answerBox .duoLine{
+    width: 100%;
+    height: 100px;
+    outline: none;
+    border: 1px solid #000;
+}
+

frontEnd/问卷/css/jquery-labelauty.css

@@ -0,0 +1,143 @@
+/*!
+ * LABELAUTY jQuery Plugin Styles
+ *
+ * @file: jquery-labelauty.css
+ * @author: Francisco Neves (@fntneves)
+ * @site: www.francisconeves.com
+ * @license: MIT License
+ */
+
+/* Prevent text and blocks selection */
+input.labelauty + label ::selection { background-color: rgba(255, 255, 255, 0); }
+input.labelauty + label ::-moz-selection { background-color: rgba(255, 255, 255, 0); }
+
+/* Hide original checkboxes. They are ugly! */
+input.labelauty { display: none !important; }
+
+/*
+ * Let's style the input
+ * Feel free to work with it as you wish!
+ */
+input.labelauty + label
+{
+	display: table;
+	font-size: 11px;
+	padding: 10px;
+	background-color: #efefef;
+	color: #b3b3b3;
+	cursor: pointer;
+
+	border-radius: 3px 3px 3px 3px;
+	-moz-border-radius: 3px 3px 3px 3px;
+	-webkit-border-radius: 3px 3px 3px 3px;
+
+
+	transition: background-color 0.25s;
+	-moz-transition: background-color 0.25s;
+	-webkit-transition: background-color 0.25s;
+	-o-transition: background-color 0.25s;
+
+	-moz-user-select: none;
+	-khtml-user-select: none;
+	-webkit-user-select: none;
+	-o-user-select: none;
+}
+
+/* Stylish text inside label */
+
+input.labelauty + label > span.labelauty-unchecked,
+input.labelauty + label > span.labelauty-checked
+{
+	display: inline-block;
+	line-height: 16px;
+	vertical-align: bottom;
+}
+
+/* Stylish icons inside label */
+
+input.labelauty + label > span.labelauty-unchecked-image,
+input.labelauty + label > span.labelauty-checked-image
+{
+	display: inline-block;
+	width: 16px;
+	height: 16px;
+	vertical-align: bottom;
+	background-repeat: no-repeat;
+	background-position: left center;
+
+	transition: background-image 0.5s linear;
+	-moz-transition: background-image 0.5s linear;
+	-webkit-transition: background-image 0.5s linear;
+	-o-transition: background-image 0.5s linear;
+}
+
+/* When there's a label, add a little margin to the left */
+input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked,
+input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked
+{
+	margin-left: 7px;
+}
+
+/* When not Checked */
+input.labelauty:not(:checked):not([disabled]) + label:hover
+{
+	background-color: #eaeaea;
+	color: #a7a7a7;
+}
+input.labelauty:not(:checked) + label > span.labelauty-checked-image
+{
+	display: none;
+}
+
+input.labelauty:not(:checked) + label > span.labelauty-checked
+{
+	display: none;
+}
+
+/* When Checked */
+input.labelauty:checked + label
+{
+	background-color: #3498db;
+	color: #ffffff;
+}
+
+input.labelauty:checked:not([disabled]) + label:hover
+{
+	background-color: #72c5fd;
+}
+input.labelauty:checked + label > span.labelauty-unchecked-image
+{
+	display: none;
+}
+
+input.labelauty:checked + label > span.labelauty-unchecked
+{
+	display: none;
+}
+
+input.labelauty:checked + label > span.labelauty-checked
+{
+	display: inline-block;
+}
+
+input.labelauty.no-label:checked + label > span.labelauty-checked
+{
+	display: block;
+}
+
+/* When Disabled */
+input.labelauty[disabled] + label
+{
+	opacity: 0.5;
+}
+
+/* Add a background to (un)checked images */
+input.labelauty + label > span.labelauty-unchecked-image
+{
+	background-image: url( ../images/input-unchecked.png );
+}
+
+input.labelauty + label > span.labelauty-checked-image
+{
+	background-image: url( ../images/input-checked.png );
+}

frontEnd/问卷/forward.js

@@ -0,0 +1,25 @@
+//使用http-proxy直接做代理，简单方便
+var express = require('express');
+var httpProxy = require('http-proxy');
+
+var proxy = httpProxy.createServer({target: 'http://ccnu.chunkao.cn/index.php?s=/w17/Survey/wap/singleSurvey.html&id=17'});
+
+app = express();
+
+app.all('*', function (req, res, next) {
+    res.header('Access-Control-Allow-Origin', '*');
+    res.header('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With')
+    res.header('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE, OPTIONS')
+
+    if (req.method === 'OPTIONS') {
+        res.send(200);
+    } else {}
+    next()
+});
+
+
+app.get("/", function (req, res) {
+    proxy.web(req, res)
+});
+
+app.listen(3000);

frontEnd/问卷/index.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta name="Author" content="Taoist">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <title>华师问卷</title>
+    <style>
+        *{ margin: 0; padding: 0; font-family:Microsoft yahei,serif;}
+        li{ list-style-type:none;}
+        a{color:#000;text-decoration:none;}
+    </style>
+    <link href="./css/common.css" rel="stylesheet">
+    <link rel="stylesheet" href="./css/jquery-labelauty.css">
+    <script src="./js/jquery-3.2.1.js"></script>
+    <link href="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="stylesheet">
+    <script src="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
+    <script src="./js/jquery-labelauty.js"></script>
+    <script src="./js/index.js"></script>
+</head>
+<body>
+    <h2 class="Btitle"></h2>
+    <div class="container-fluid Box">
+        <ul class="content list-group">
+            <!-- content -->
+        </ul>
+    </div>
+    <script></script>
+</body>
+</html>