作者：龍文浩
本次任務完成時間：2019年3月1日～2019年4月8日
開發工具與關鍵技術：SQL Server .net/C#、MVC、javaScript、jQuery、css3、HTML5
完成模塊功能：登錄註冊、留言、瀏覽商品、購物車、結算
一、功能實現
登錄模塊主要包括‘解析密碼’的功能模塊。
登錄頁面，見下圖：
這個登錄主要是後臺去解析數據庫中數據的加密，要解密數據之後進行判斷對比，加密的密碼也在下圖：
登錄後的主頁面，見下圖：
主頁面也是反覆的修改，這是目前我修改得比較滿意的主頁面：
主頁面的導航欄顯示當前登錄人的名字，這個功能是通過地址欄傳遞參數過來的，還有登錄、註冊、留言的按鈕點擊，再導航欄右邊，還有一些小操作，還有一個我的購物車按鈕，這個頁面簡單幹淨，個人比較喜歡了。
2
3
4
註冊模塊主要包括‘密碼加密和驗證註冊信息’的功能模塊。
註冊頁面，見下圖：
註冊頁面主要的重點是驗證身份證信息，和密碼加密、由於手上沒有全國的身份證信息，這裏我只能驗證身份證的格式是正確的就讓人通過了；
註冊用戶，點擊左上角的註冊模塊，去到註冊用戶的頁面，如下圖：
在這個頁面需要用戶去輸入要求的內容的格式，並且使用maxLenght驗證的同時，也使用了正則來較準確的驗證輸入內容的合法性，上傳圖片也採用內嵌的形式來上傳，能節約一定的服務器空間；
5
6
後臺通過嚴謹的正則驗證，如果用戶輸入有誤則返回提示，如下圖：
7
可以準確的告訴用戶哪個地方有錯誤。信息保存完成之後，數據保存進去數據庫，出現的是加密的數據，可以有效的保護客戶的隱私,如下圖：
8
保存進去數據庫的是這樣的加密狀態，可以有效的保護客戶的信息；
9
上面是數據庫放大之後的內容；
瀏覽商品模塊主要包括‘高效的搜索商品和加入購物車’的功能模塊。
瀏覽商品模塊頁面，見下圖：
瀏覽商品，我最注重的是它的性能，查詢數據加載不能太慢，在其他條件一樣的情況下，要加載的數據越少速度會相對快一點，於是這個查詢就格外注重加載數據的數量了，比如，一次只加載18件商品通過某些操作再加載剩下的商品，具體如下：
10
首次加載，沒有加載數據庫所有的商品，而是加載頁面剛好放得下的18件商品，
通過點擊加載更多，不斷的加載數據的商品，從而提高了產品的性能，效果如下圖：
這裏其實有兩種方式觸發，一種數滾輪事件，一種是點擊事件，調用同一個函數就行了，
但是，滾輪事件到還沒來得及做呢。
11
可以看到右邊的滾動條開始變得越來越小，商品數量開始增多；
點擊紅色的小購物車圖標，彈出加入購物車數量的提示，如下圖：
12
在數量哪裏，使用的正則驗證，只接受1到15位的數字，否則給出提示“請輸入數字型”（我給的提示時間0.5秒，不截圖提示了）：
加入了購物車，僅剩庫存會減去加入了購物車的數量，購物車系統也會定時清理或提示用戶去定時清理，時間太久，系統纔會自動清理；
搜索商品，輸入條件，系統進行模糊匹配商品，如下圖：
13
同樣的，商品太多也只加載屏幕放得下的18條數據，只有商品不是那麼多的時候才加載少一些：
14
點擊更多的時候，纔會加載其他的數據，除非數據庫的數據全部加載完，不然會規矩的按照每次增加屏幕上放得下的商品，這樣來提高產品的性能，即加載速度更加的快速，也解決了一個商品數量龐大的時候的問題：
15
購物車模塊主要包括‘計算金錢、結算保存’的功能模塊。
購物車模塊頁面，見下圖：
購物車模塊是重點，涉及金錢的計算，也是考慮最久的模塊；有幾種情況：
1是未選擇商品對商品修改數量，然後選擇商品後計算出“數量“”總金額“”庫存“
2是選擇了商品對商品數量進行修改，然後計算出“數量“”總金額“”庫存“
3是選擇了商品，之後中途刪除一件商品，需要獲取該商品數量和金錢再計算出結果，同時還有給庫存增加上相應的數量
4是選擇了別人先購買了，再點擊結算，需要重新去庫存判斷是否足夠，不夠則提示，該商品已被搶空
16
在主頁面的右邊，有我的購物車，點擊後來到這個頁面，可以全選商品，可以選擇一件商品，
可以隨意刪除商品移出購物車，可以隨意改變商品的購買數量（不能小於1，不能超出庫存，兩者系統都會提示相應的提示的。）
17
點擊結算就可以結算了：
18
結算之後購物車會清空相應的數量，並且彈出‘成功的提示語’；如下圖：
19
已售出商品模塊主要包括‘操作已售出商品’的功能模塊。
已售出商品模塊頁面，見下圖：
每一個賬號登錄後，多查看的“已售出商品管理“，僅僅的屬於當前賬號的，除了管理員具有最大權限可以查看所有人的，其他人就只能查看自己的”已售出商品管理“，這裏還區分兩種角色，就是賣家和買家，買家的話，這個功能是隱藏起來的，只有是賣家才能進來這個頁面；
20
可以在這個頁面點擊刪除、和已送達等；
例如、目前完成刪除和已送達；
點擊刪除時。需要出現當前登錄人的密碼和姓名；這樣避免了其他人的隨意刪除；
21
點擊已送達，會改變這個商品的狀態，如下圖：
22
這個頁面還有幾個功能在開發中：其中一個是：是否顯示已送達的商品等
商品進貨模塊主要包括‘商品進貨’的功能模塊。
商品進貨模塊頁面，見下圖：
這個模塊主要是對賣家開放的，只有賣家纔有進貨的需求，賣家都是沒有這個需求的了，
所有，賬戶哪裏需要聲明是賣家還是買家的；
這個頁面主要考慮的仍然對輸入內容的驗證和提示的準確性，還有用戶使用的方便性，
它還可以自動計算出進貨金額和計算單價，這個使用鼠標事件做的，用了兩個鼠標事件，
一個是失去焦點事件和鼠標進入事件，然後確保無論什麼時候都能在用戶修改數據後還能計算出
準確的數據；在點擊保存按鈕的時候，還會再去驗證一遍內容的；
23
24
上面就是我目前完成的內容了，馬上要開始學習wpf和mvvm的只是，這個項目就先停下來吧。
二、相關業務表和關係
三、經典代碼
批量標記對賬：
內嵌一張圖
綁定和處理下拉框：
改變購物車數量：
四、開發總結（不少於500字）
當然對數據庫表與表之間的關係掌握程度也會得到一個提升，而且這一次獨立來做數據庫無形當中也增強了我的邏輯思維能力和增加了思考量，這是好的。雖說用文檔來做導致自己在做數據庫中花了很多時間去構建思維網絡，但就是在想來想去的思考當中把這些業務流程想明白了。
還有就是在做這一個系統時，由於沒接觸過海運所以對海運業務流程不是很熟悉再加上任務書的不完整導致前期進程緩慢，因爲只要邏輯思維沒搞清除我就沒思路往下敲代碼，所以就咬緊牙關—思路必須打通，構建完整數據庫，代碼纔有意義。隨後知道系統與生活相依存。