此练习采用移动端+bootstrap布局 mysql数据库 express框架
首页(views文件夹中的index.ejs文件)
script和link引入的文件皆在public文件夹中
<html>
<head>
<title></title>
<meta charset="UTF-8"/>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<script src="/jq.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/rem.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="/reset.min.css"/>
<script src="/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="/bootstrap.min.css"/>
<style type="text/css">
#app{
width: 100%;
height: 100%;
background: skyblue;
display: flex;
flex-direction: column;
}
header,footer{
height: 1rem;
background: black;
}
section{
flex: 1;
}
#cen{
width: 80%;
margin-left: 10%;
background: greenyellow;
overflow-y: scroll;
height: 50%;
align-items: center;
margin-top: 28%;
}
</style>
</head>
<body>
<div id="app">
<header>
</heade