学员管理 / 憋错料

//有表单验证，

表格格式，

启动项，

回馈，

增删改查。

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

.wen{

/* white-space: pre-wrap;*/

margin-left: 280px;

}

</style>

</head>

<body>

<span>学员信息管理</span>

</button>

</ul>

</div>

<div>

<li role="presentation" class="active aaaaa"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Boos管理</a></li>

</ul>

</div>

</div>

</div>

<hr>

<option>Javascript</option>

<option>PhotoShop</option>

<option>seperate word</option>

</select>

</div>

<!--<div class="col-md-4">

</div>

</div>-->

</span>

</div>

</div>

</div>

</div>

</select>

</div>

</div>

</form>

</div>

</div>

</div>

</thead>

</tbody>

</table>

</ul>

</nav>

</div>

</div>

</div>

</div>

<option>PhotoShop</option>

<option>seperate word</option>

</select>

</div>

</div>

</div>

</div>

</select>

</div>

</div>

</form>

___________________________________________________________

</div>

</div>

</div>

</thead>

<tbody>

<td>Javascript</td>

</td>

</tr>

<tr>

<td>PhotoShop</td>

</tr>

<tr>

<td>css样式表</td>

</tr>

<tr>

<button type="submit" class="btn" data-toggle="modal" data-target="#myModal"

style="margin-right:5px;color: white;">编辑</button>

</div>

</div>

<option>Javascript</option>

<option>PhotoShop</option>

<option>seperate word</option>

</select>

</div>

</div>

</div>

</div>

</select>

</div>

</div>

</form>

</div>

</div>

</tr>

</tbody>

</table>

<!--

</div>

</div>-->

<li>

</a>

</li>

<li>

</a>

</li>

</ul>

</nav>

</div>

</div>

</div>

</div>

</div>

</script>

<!--<script src="src/jquery-1.7.2.min.js"></script>

</body>

</html>

//外副css

.clearfix:after{

content: "";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.clearfix{

zoom:1;

}

.top{

width: 100%;

height: 60px;

background: black;

position: fixed;

z-index: 999;

top: 0;

}

.top>.container>span{

line-height: 60px;

font-size: 20px;

color: white;

}

.picture{

float: right;

line-height: 60px;

width: 50px;

height: 50px;

}

.picture img{

width: 100%;

height: 100%;

border-radius: 50%;

}

.left1{

height: 600px;

background: gray;

padding: 0;

}

#menu a{

color: white;

padding: 10px 10px 10px 48px;

}

#menu a:hover{

background-color: gray;

}

li{

list-style: none;

}

.left1 li{

padding-top: 25px;

color: lavenderblush;

font-size: 20px;

}

.right1{

background: oldlace;

height: 100%;

margin-top: 60px;

padding-bottom: 175px;

min-height: 600px;

}

.right-top{

width: 100%;

height: 50px;

line-height: 50px;

color: lavenderblush;

}

.shrink{

width: 90%;

margin: auto;

margin-bottom: 7px;

}

.append{

float: right;

display: block;

margin: 2px 0 50px 0;

width: 200px;

}

.shrink span{

color: black;

}

.tb{

background: white;

width: 98%;

margin: auto;

margin-top: 10px;

}

.anniu{

float: right;

display: block;

margin-bottom: 10px;

margin-top: 10px;

margin-right: 20px;

}

.tbackground{

background: white;

}

.gray-line{

border: 1px solid silver;

width: 98%;

margin: auto;

display: block;

margin-top: 10px;

}

.append-class-color{

color: black;

}

@media screen and (max-width:420px){

.append{

width: 100px;

}

.beyong-hidden{

overflow: hidden;

}

.tx{

width: 60px;

height: 60px;

border-radius: 50%;

background: url("touxiang.jpg")no-repeat center center;

}

.open{

border-radius: 50%;

}

/*添加班级中的属性*/

/*.modal-body span{

margin-left: 120px;

}

.modal-body select{

width: 250px;

height: 30px;

margin-left: 20px;

}

.modal-body input{

width: 250px;

height: 30px;

margin-left: 20px;

}*/

.modal-body{

/*margin-left: 5px;*/

color: black;

}

.modal-con{

margin-top: 8px;

}

#zuoerbackground{

background: lightcyan;

}

#zuosanbackground{

background: seashell;

}

/*编辑*/

.editor_value{

width: 107px;

}

.active{

width: 100%;

}

/*.aaaaa{

border-left: 3px solid deepskyblue;

}*/

外副js

var express = require(‘express‘);

var app = express();

var fs = require("fs");

var bodyParser = require(‘body-parser‘);

// parse application/x-www-form-urlencoded

app.use(bodyParser.urlencoded({

extended: false

}))

// parse application/json

app.use(bodyParser.json())

app.use(express.static(‘xueyuanguanli1‘));

var Class = require("./class").Class;

//分页

app.get("/list_class", function(req, res) {

var pageSize = parseInt(req.query["pageSize"]);

var pageNo = parseInt(req.query["pageNo"]);

var dbquery = Class.find({});

dbquery.skip(pageSize * pageNo); //跳过多少条

dbquery.limit(pageSize); //页数

dbquery.find({}, function(err, list) {

Class.count({}, function(arr, total) {

if (err) {

res.json({

status: 500,

message: "查询错误"

});

} else {

res.json({

status: 200,

total: total,

pageSize: pageSize,

pageNo: pageNo,

list: list,

})

}

})

});

//删除

app.delete("/class", function(req, res) {

var index = req.query["index"] //查询id

console.log(index)

var wherestr = {

"_id": index

}

Class.remove(wherestr, function(err) {

if (err) {

res.json({

code: -1,

message: "删除失败"

})

} else {

res.json({

code: 1,

message: "删除成功"

})

}

})

});

//添加

app.post("/class2", function(req, res) {

var data = req.body;

var c1 = new Class(data);

c1.save(function(err) {

if (err) {

res.json({

code: -1,

message: "添加失败"

})

} else {

res.json({

code: 1,

message: "添加成功"

})

}

});

//编辑

app.put("/class1", function(req, res) {

var data = req.body;

// console.log(data)

var index = req.query["index"]

// console.log(index);

var wherestr = {

"_id": index

}

// var updatestr = new Class(data)

// delete updatestr._id

var updatestr = data

console.log(updatestr)

Class.update(wherestr, updatestr, function(err) {

if (err) {

res.json({

code: -1,

message: "编辑失败"

})

} else {

res.json({

code: 1,

message: "编辑成功"

})

}

})

});

console.log("listen to ")

app.listen(8081);

var doc ={

byid : function(id){

return document.getElementById(id);

bytag : function(tagname){

return document.getElementsByTagName(tagname);

byclass : function(cname){

return document.getElementsByClassName(cname);

q:function(selector){

return document.querySelector(selector);

qall:function(selector){

return document.querySelectorAll(selector);

create:function(tag){

return document.createElement(tag);

insert:function(newel,where){

return where.parentNode.insertBefore(newel,where);

replace:function(newel,where){

return where.parentNode.replaceChild(newel,where);

remove:function(el){

return el.parentNode.removeChild(el);

saveData : function(name,data){

if(typeof data == "object"){

data = JSON.stringify(data);

}

localStorage.setItem(name,data);

getData : function(name){

var data = localStorage.getItem(name);

try {

data = JSON.parse(data);

} catch (error) {}

return data;

}

附加jq库

启动项

var express = require(‘express‘);

var app = express();

var fs = require("fs");

var bodyParser = require(‘body-parser‘)

// parse application/x-www-form-urlencoded

app.use(bodyParser.urlencoded({ extended: false }))

// parse application/json

app.use(bodyParser.json())

app.use(express.static(‘xueyuanguanli1‘));

//查询

app.get("/list_class",function(req,res){

//读取文件

var data = fs.readFileSync(‘index.json‘);

//把文件内容转换为json对象

var jsondata = JSON.parse(data);

res.json(

// status:200,

//json数据

jsondata

);

});

//删除

app.delete("/class",function(req,res){

var index = req.query["index"]//获取url的查询参数串

//读取文件

var data = fs.readFileSync(‘index.json‘);

//把文件内容转换为json对象

var jsondata = JSON.parse(data);

// console.log(jsondata)

jsondata.splice(parseInt(index),1);

fs.writeFileSync(‘index.json‘,JSON.stringify(jsondata))

res.json({

status:200,

message:"删除成功"

});

//添加

app.post("/class2",function(req,res){

var data = req.body;

// console.log(data)

// data.date = new Date();

//读取文件

var datastr = fs.readFileSync(‘index.json‘);

//把文件内容转换为json对象

// console.log(typeof datastr)

var jsondata = JSON.parse(datastr);

jsondata.push(data);

// console.log(jsondata)

fs.writeFileSync(‘index.json‘,JSON.stringify(jsondata))

res.json({

status:200,

message:"添加成功"

});

//编辑

app.put("/class1",function(req,res){

var index = req.query["index"];

console.log(index);

var data = req.body;

console.log(data)

// data.date = new Date();

//读取文件

var datastr = fs.readFileSync(‘index.json‘);

//把文件内容转换为json对象

var jsondata = JSON.parse(datastr);

jsondata.splice(parseInt(index),1,data);

console.log(jsondata)

fs.writeFileSync(‘index.json‘,JSON.stringify(jsondata))

res.json({

status:200,

message:"修改成功"

});

console.log("listen to ")

app.listen(8081);

时间： 2024-08-28 21:37:01

学员管理

学员管理的相关文章

学员管理示例——班级管理（单表操作）

学员管理示例——为班级分配老师（多对多）

学员管理示例：班级管理

学员管理示例：学员管理

学员管理示例：数据库设计

xx学院学员评优评奖管理系统

培训学校管理系统=互联网+管理（不“安分”校长必看）

Django和pymysql搭建学员管理系统

python3.6+django2.0 一小时学会开发一套学员管理系统demo