簡言
時隔好久送巡,又在這里更新我的隨筆柴信。此次是在接近年底接到的一個vue后臺管理系統(tǒng),這個系統(tǒng)是用來顯示倉庫物料的出庫蚯舱,入庫等操作,目標(biāo)是可以讓不同身份(這里只公司職位)的人可以在系統(tǒng)中申請物料掩蛤,入庫物料枉昏,上級審核申請做出審批,最后由庫管進行出貨或者核銷操作揍鸟。
一兄裂,項目流程
1.首先就是原型圖的設(shè)計,現(xiàn)在市面上有許多做原型圖的產(chǎn)品,此次項目的原型圖設(shè)計用到的是墨刀
之前也有用過摹客晰奖,由于這次的項目在原型上較為統(tǒng)一谈撒,而且要使用到element-ui,因此此次選用墨刀匾南,它其中包含了許多后臺的模板原型啃匿,可以拿過來直接使用,省去了我們搭架子的時間蛆楞,同時也引入了element溯乒,這樣就可以是我們的原型和做出了的樣式更加接近。
2.項目初步搭建豹爹,使用的是若依前后端分離版橙数,小伙伴完成了后臺的搭建,我這里只需要完成前端樣式的顯示就可以了
首先是完成前端樣式的顯示帅戒,這個沒啥好說的灯帮,多看看element-ui就能完成,畢竟那么多人推薦逻住,肯定是有理由的
3.完成功能钟哥,這里更多的是考研js的功底,同時也需要小伙伴配合的默契瞎访,小伙伴完成權(quán)限和接口腻贰,我這里先看了一遍若依前端示例代碼的邏輯,那里調(diào)接口扒秸,用什么方法等等播演,然后拿到后臺的接口和權(quán)限字符完成功能
4.測試,這個比較有意思伴奥。
拿著最初的原型和客戶的需求檔案写烤,一個一個功能的測試,同時看看樣式有沒有什么瑕疵拾徙,這個階段可以看到自己的項目一點一點變的完美(就賊開心)
項目中遇到的問題
關(guān)于打印
1.項目中有一個需要打印的功能洲炊,但是window.print()方法,在打印完成后會刷新頁面尼啡,而我當(dāng)前頁面是表單暂衡,不想被刷新
此處有許多方法,我在網(wǎng)上也查了許多崖瞭,有些有用有些無用狂巢。
這里推薦一個插件,print.js书聚,文件很小唧领,直接拿到j(luò)s文件就可以了代态,官方文檔里還有css文件,不過我不需要也就沒有花時間研究疹吃,有興趣的小伙伴可以試試
2.插件中修改樣式
打印的東西比較多,需要對打印的頁面進行縮放
image.png
找到getStyle方法西雀,然后模仿文件添加樣式即可
這就是此次項目的記錄萨驶,完。
身為一個代碼搬運工艇肴,我也想讓自己平凡的生涯在這世界上留下一點痕跡腔呜。