k
/
V3D-nodejs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

syn

Browse Source
master
tonkia 6 years ago
parent 4e0de68fb6
commit 8483af1f74
5 changed files with 90 additions and 15 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 7
      app.js
  2. 2
      db.js
  3. 10
      views/createScheme.html
  4. 71
      views/home.html
  5. 15
      views/share.html

7
app.js
Unescape View File

@ -16,6 +16,8 @@ var storage = multer.diskStorage({
}
});
var upload = multer({ storage: storage });
//共享页面
var shareLink = '127.0.0.1/share'
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json({ limit: '50mb' }));
@ -85,10 +87,12 @@ app.post('/home', function (req, res) {
//用户信息
var user = req.session.user;
db.querySchemeByUid(user.id, function (schemeList) {
//去除用户密码信息
delete user.password;
var homeData = {
user: user,
schemeList: schemeList
schemeList: schemeList,
shareLink: shareLink
}
res.send(homeData);
});
@ -185,7 +189,6 @@ app.post('/getScheme/:id', function (req, res) {
}
res.send(replyData);
} else {
//TODO 找不到方案
replyData = {
msg: 1
}

2
db.js
Unescape View File

@ -40,7 +40,7 @@ module.exports.querySchemeByUid = function (uid, callback) {
if (err) {
console.info(err);
} else {
conn.query('SELECT id,name,img FROM scheme WHERE uid = ?', [uid], function (err, rows) {
conn.query('SELECT id,name,img,share_state,share_password FROM scheme WHERE uid = ?', [uid], function (err, rows) {
if (err) {
console.log(err);
return;

10
views/createScheme.html
Unescape View File

@ -146,7 +146,7 @@
<!-- 模态框：材质管理 -->
<div class="modal fade" id="textureManagermentModal">
<div class="modal-dialog modal-lg">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span
@ -159,6 +159,7 @@
</div>
</div>
<div class="modal-footer">
<!-- 贴图上传 -->
<form id="uploadTextureForm" enctype="multipart/form-data">
<input type="file" name="file" id="textureFile" style="display: none" />
</form>
@ -179,14 +180,9 @@
<h4 class="modal-title">修改</h4>
</div>
<div class="modal-body">
<div id="textureList">
<input type="text" class="form-control" id="modelName" placeholder="模型名称">
</div>
<input type="text" class="form-control" id="modelName" placeholder="模型名称">
</div>
<div class="modal-footer">
<form id="uploadTextureForm" enctype="multipart/form-data">
<input type="file" name="file" id="textureFile" style="display: none" />
</form>
<button class="btn btn-primary" id="changeModelName">确定修改</button>
<button type="button" class="btn btn-default" data-dismiss="modal" style="margin-left: 10px">取消</button>
</div>

71
views/home.html
Unescape View File

@ -60,36 +60,97 @@
<div id='schemeList'>
</div>
<!-- 模态框：方案分享 -->
<div class="modal fade" id="shareSchemeModal">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span
class="sr-only">关闭</span></button>
<h4 class="modal-title">分享</h4>
</div>
<div class="modal-body">
<label>访问密码：</label><input class="form-control" type="password" id="sharePassword" />
<div class="switch text-left">
<input type="checkbox" id="needPassword">
<label>密码访问</label>
</div>
<hr />
<label>开启链接：</label><input class="form-control" type="text" value="xxx" readonly="true" id="shareLink" />
<div class="switch text-left">
<input type="checkbox" id="isShared">
<label>开启分享</label>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id="changeShareConfig">确定</button>
<button type="button" class="btn btn-default" data-dismiss="modal" style="margin-left: 10px">取消</button>
</div>
</div>
</div>
</div>
</div>
<script>
var data;
$().ready(function () {
initPage();
});
//初始化页面
function initPage() {
$.post('/home', function (data) {
console.info(data);
$.post('/home', function (replyData) {
data = replyData;
//console.info(data);
$('#name').text(data.user.name);
// <div class="col-md-4 col-sm-6 col-lg-3">
// <a class="card" href="###">
// <div class="card">
// <a href="###">
// <img src="" alt="xxx">
// <div class="card-heading"><strong>xxx</strong></div>
// </a>
// <div class="card-actions">
// <div class="pull-right"> <button type="button" class="btn btn-primary"><i class="icon-heart"></i>
// 分享</button></div>
// </div>
// </a>
// </div >
// </div >
for (index in data.schemeList) {
var href = '/create/' + data.schemeList[index].id;
var name = data.schemeList[index].name;
var img = data.schemeList[index].img;
var id = data.schemeList[index].id;
$('#schemeList').append("<div class='col-md-4 col-sm-6 col-lg-3'><a class='card' href='" + href + "'><div class='media-wrapper'><img style='width:100%' src='" + img + "' alt='" + name + "'></div><div class='card-heading'><strong>" + name + "</strong></div><div class='card-actions'><div class='pull-right'> <button type='button' class='btn btn-primary' onclick='share(" + id + ")'><i class='icon-heart'></i> 分享</button></div></div></a></div >");
$('#schemeList').append("<div class='col-md-4 col-sm-6 col-lg-3'><div class='card'><a href='" + href + "'><div class='media-wrapper'><img style='width:100%' src='" + img + "' alt='" + name + "'></div><div class='card-heading'><strong>" + name + "</strong></div></a><div class='card-actions'><div class='pull-right'> <button type='button' class='btn btn-primary' onclick='share(" + index + ")'><i class='icon-heart'></i> 分享</button></div></div></div></div>");
}
});
}
//分享
function share(index) {
$('#shareSchemeModal').modal('show');
$('#shareLink').val(data.shareLink + "/" + data.schemeList[index].id);
if (data.schemeList[index].share_password) {
$('#sharePassword').val(data.schemeList[index].share_password);
}
switch (data.schemeList[index].share_state) {
case 0:
//不共享
$('#needPassword').attr("checked", false);
$('#isShared').attr("checked", false);
break;
case 1:
//共享
$('#needPassword').attr("checked", false);
$('#isShared').attr("checked", true);
break;
case 2:
//需要密码
$('#needPassword').attr("checked", true);
$('#isShared').attr("checked", true);
break;
}
}
</script>
</body>

15
views/share.html
Unescape View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
Write Preview
Loading…
Cancel
Save