项目场景:
记录一次开发招聘会动态展位的过程及思路,也可以提供给新手们对于后台开发的借鉴,帮助少走弯路。
问题描述:
平时我们开发后台时,对应的一个text就是一个数据字段,比如下图:
看起来有点乱哈:) 但不影响程序员对于此图的理解吧?
但是如果一个字段里的内容是动态的呢?比如一个招聘会里有不同的展位号,每场展位的数量都不一样。比如今天有10个展位,明天有20个展位……那怎么创建数据库字段?
问题分析:
既然要保存的是动态的数据结构,那么最适合不过的就是JSON了。
作为一个轻量化的数据结构,既可以增加也可以减少数据,那么将招聘会的展位以JSON的方式保存到一个数据库字段里不就行了吗?比如这样:
解决方案:
在JSON里保存报名的企业信息及状态,然后在前台通过jQuery读取和分析JSON:
$.ajax({
url: '?action=readzw',
type: 'post',
data: {
zphID: pageID
},
dataType: 'json',
success: function (res) {
jsons = res.msg;
var _s = "";
var _html = "";
$.each(jsons, function (i, obj) {
switch (obj.status) {
case 0:
_s = "kong";
break;
case 1:
_s = "yuding";
break;
case 2:
_s = "shenhe";
break;
case 3:
_s = "zanting";
break;
}
_html += "<div class='item " + _s + "'>" + obj.id + "</div>";
});
$(".zuoweiJson").html(_html);
}, error: function () {
$(".zuoweiJson").html("<div style='color:red'>管理员暂未设置展位</div>");
}
})
搞定!