發(fā)表日期:2019-04 文章編輯:小燈 瀏覽次數(shù):3426
有時(shí)我們根據(jù)需求需要制作一些自定義表,該如何去制作呢?
我們以制作一個(gè)報(bào)名表為例;
1. 登錄后臺(tái)地址,進(jìn)入后臺(tái),
2.在頂部導(dǎo)航中找到系統(tǒng),并點(diǎn)擊,然后在左側(cè)導(dǎo)航中,找到信息表,并點(diǎn)擊;
我們會(huì)看到一些信息表
3.因?yàn)閳?bào)名表與顯示的數(shù)據(jù)表沒有關(guān)系,那就新建一個(gè)數(shù)據(jù)表,點(diǎn)擊菜單,再點(diǎn)擊添加,進(jìn)入到添加頁(yè)面;
4.開始新建數(shù)據(jù)表;
填寫好之后,點(diǎn)擊提交,報(bào)名表就建好了;
5.我們?cè)趤砜纯醋侄?,點(diǎn)擊報(bào)名表中字段列的管理按鈕,進(jìn)入到字段管理頁(yè)面;
6.可以看出我們還需要增加其他的一些字段,我們點(diǎn)擊頂部菜單,再點(diǎn)擊添加,進(jìn)入到字段添加頁(yè)面;
7.1.添加字段,出生年月,性別,民族,聯(lián)系電話,地址等等(可根據(jù)自己的需求去添加字段);
7.2 在表單類型中,我們選擇單行文本輸入框,在數(shù)據(jù)類型中,我們選擇日期,文本輸入框長(zhǎng)度我們?cè)O(shè)置為10,然后在基礎(chǔ)屬性中選擇,該字段是否為必填項(xiàng),如是則勾選,如否則不操作,點(diǎn)擊提交,字段就創(chuàng)建好了;
7.3 在創(chuàng)建字段的時(shí)候,我們需要注意該字段表單類型的選擇,有些字段的表單類型或者數(shù)據(jù)類型并不是一樣的,如性別,我們可以選擇單選框,數(shù)據(jù)類型則選擇文本類型,如民族、電話、地址我們?cè)跀?shù)據(jù)類型選擇的時(shí)候就可以選擇文本類型;
8.字段添加完了,我們這個(gè)是報(bào)名表,便于查看,可以將標(biāo)題改為姓名,內(nèi)容改為自我評(píng)價(jià),縮略圖改為照片;在標(biāo)題行中找到管理列,找到修改并點(diǎn)擊,進(jìn)入修改頁(yè);
在備注中,將標(biāo)題改為姓名,其他的操作方法一樣;
9.1 數(shù)據(jù)表建好了,下一步制作模板,在頂部導(dǎo)航中找到網(wǎng)站,點(diǎn)擊模板管理,
9.2 點(diǎn)擊views,進(jìn)入模板管理頁(yè)面
9.3 在頂部找到菜單并點(diǎn)擊,再點(diǎn)擊新建目錄,開始新建目錄,
9.4 填寫好之后提交,再點(diǎn)擊新建的目錄,
9.5 進(jìn)入欄目后,找到菜單并點(diǎn)擊,再點(diǎn)擊新建文件,
注意:文件的后綴名為cshtml
填寫好之后,點(diǎn)擊提交。
9.6 下一步在文件中添加代碼,點(diǎn)擊頂部導(dǎo)航中的系統(tǒng),在點(diǎn)擊左側(cè)導(dǎo)航中的信息表;
9.7 在信息表中找到新建的信息表,點(diǎn)擊表單Html,進(jìn)入到表單頁(yè)面,
9.8 使用快捷鍵ctrl+A(全選),快捷鍵ctrl+C(復(fù)制),點(diǎn)擊頂部導(dǎo)航網(wǎng)站,再點(diǎn)擊左側(cè)導(dǎo)航模板管理,
9.9點(diǎn)擊views,再點(diǎn)擊報(bào)名專欄,找到之前新建的文件,點(diǎn)擊編輯
進(jìn)入到編輯頁(yè)面后,使用快捷鍵ctrl+D(粘貼),將復(fù)制好的表單HTML代碼粘貼在文本框中
粘貼好之后,點(diǎn)擊提交。
10.1 模板完成了,之后是調(diào)用,在頂部導(dǎo)航中找到網(wǎng)站并點(diǎn)擊,再左側(cè)導(dǎo)航中找到欄目管理,并點(diǎn)擊,進(jìn)入到欄目管理頁(yè)面;
10.2 我們需要新建一個(gè)報(bào)名表的欄目,在頂部找到菜單并點(diǎn)擊,再點(diǎn)擊添加,進(jìn)入到欄目添加頁(yè)面(也可以在已有的欄目中添加新欄目),開始添加欄目;
10.3 在添加欄目的時(shí)候,因?yàn)槭菃渭兊谋韱翁砑禹?yè)面,欄目類型選擇單頁(yè)面,欄目模板選擇新建的模型表單,
10.4 欄目建好之后,點(diǎn)擊提交,回到前臺(tái)頁(yè)面,點(diǎn)擊報(bào)名專欄;
可以看到報(bào)名表,但有些顯示不完全,這就需要改div和css了
10.5 回到報(bào)名模型頁(yè)面,在后臺(tái)點(diǎn)擊頂部導(dǎo)航的網(wǎng)站,再點(diǎn)擊左側(cè)導(dǎo)航的模板管理,再點(diǎn)擊views,找到報(bào)名專欄,點(diǎn)擊新建的模型頁(yè)中的編輯,進(jìn)入到HTML編輯頁(yè)面,
10.6 因?yàn)樵谇芭_(tái)頁(yè)面顯示的是全頁(yè)面的表單,為了和其他頁(yè)面寬度保持一致,我們需要給表單模型增加一個(gè)外層,在代碼的最頂部加上<div>,代碼的最底部加上</div>,然后給div添加class,或者在div中直接寫css都可以,方法有很多,然后提交,回到前臺(tái)頁(yè)面查看,可以看到報(bào)名表頁(yè)面和其他頁(yè)面保持寬度一致了。
我們?cè)谠囋?,可以提?/p>
在后臺(tái)點(diǎn)擊頂部導(dǎo)航中的網(wǎng)站,再點(diǎn)擊左側(cè)導(dǎo)航中的報(bào)名
可以看到信息,這樣報(bào)名表就完成了。