想要實現(xiàn)的效果如圖所示：
自己嘗試用layui框架結(jié)合Jquery來實現(xiàn)初步演示：http://nbdm.net/jquery.html
說下遇到的幾個問題：
問題1：第1天與第N天行程的表單提交的后是如何區(qū)分的？補充：目前是給所有的表單，根據(jù)行程天數(shù)來區(qū)分（如第1天景點表單name命名為"sight[1][]",第2天的為“sight[2][]”）示例圖如下：
問題2：表單提交后的先后順序與行程安排的不一致？示例圖如下：
問題3：刪除某1天行程的話，如何更新剩下行程的所有表單名？補充：目前只實現(xiàn)了“<h3 class="layui-timeline-title" data-day="1">第1天</h3>”能自動，按照剩下的行程數(shù)量來重新命名示例圖如下：
2 回答
狐的傳說
TA貢獻1804條經(jīng)驗 獲得超3個贊
你好，這種數(shù)據(jù)一般提交到后臺都是要分表的，我粗略看下要我來設(shè)計至少要3張表
1.行程方案表
2.每日行程表
3.行程步驟表
這時整體數(shù)據(jù)結(jié)構(gòu)大概是
//行程方案表
const DATA = {
//行程方案標題
//出發(fā)點
//目的地
//提交人
//...等等
children: [
//每日行程表
{
//行程方案表ID
//每日行程標題
//日期 第N天
//...等等
children: [
//行程步驟表
{
//行程方案表ID
//每日行程表ID
//步驟類型【機票，景點，餐飲，....】
//步驟內(nèi)容
//...等等
}
]
}
],
};用類似這樣設(shè)計好的規(guī)范的數(shù)據(jù)結(jié)構(gòu)去渲染視圖，你的問題就不復(fù)存在了
僅提供思路
- 2 回答
- 0 關(guān)注
- 655 瀏覽
添加回答
舉報
0/150
提交
取消