㈠ 鍓嶇瑙勮寖涓錛堝懡鍚嶈勮寖錛
鍓嶇瑙勮寖涓錛堝懡鍚嶈勮寖錛
1銆佸皬椹煎嘲鍛藉悕娉曪紙lowerCamelCase錛 錛氱涓涓鍗曡瘝浠ュ皬鍐欏瓧姣嶅紑濮嬶紝絎浜屼釜鍗曡瘝鐨勯栧瓧姣嶅ぇ鍐欙紝渚嬪傦細firstName銆乴astName銆
2銆佸ぇ椹煎嘲鍛藉悕娉曪紙CamelCase錛 錛氭瘡涓涓鍗曡瘝鐨勯栧瓧姣嶉兘閲囩敤澶у啓瀛楁瘝錛屼緥濡傦細FirstName銆丩astName銆
3銆佷笅鍒掔嚎鍛藉悕娉曪紙snake_case錛夛細涓嬪垝綰垮懡鍚嶆硶涔熷彨錏囧艦娉曪紝鍏ㄧ敱灝忓啓瀛楁瘝鍜屼笅鍒掔嚎緇勬垚錛屽湪涓や釜鍗曡瘝涔嬮棿鐢ㄤ笅婊戠嚎榪炴帴銆備緥濡傦細first_name銆
4銆佷腑鍒掔嚎鍛藉悕娉曪紙kebab-case錛夛細涓鍒掔嚎鍛藉悕娉曚篃鍙涓插紡鍛藉悕娉曪紝鍚勪釜鍗曡瘝涔嬮棿閫氳繃涓嬪垝綰庫-鈥濊繛鎺ャ備緥濡傦細first-name銆
寮哄埗浣跨敤錛氫腑鍒掔嚎鍛藉悕娉
鍛藉悕瑙勫垯錛1銆佹枃浠跺悕涓嶅緱鍚鏈夌┖鏍
2銆佹枃浠跺悕寤鴻鍙浣跨敤灝忓啓瀛楁瘝錛屼笉浣跨敤澶у啓瀛楁瘝
3銆佹枃浠跺悕鍖呭惈澶氫釜鍗曡瘝鏃訛紝鍗曡瘝涔嬮棿寤鴻榪炶瘝綰 ( - ) 鍒嗛殧
4銆佹湁澶嶆暟緇撴瀯寮忥紝瑕佷嬌鐢ㄥ嶆暟
紺轟緥錛歭ogin 銆 error-page銆 icons
寮哄埗浣跨敤錛氬叏閮ㄥぇ鍐欏瓧姣
涓轟簡閱掔洰錛屾煇浜涜存槑鏂囦歡鐨勬枃浠跺悕錛屽彲浠ヤ嬌鐢ㄥぇ鍐欏瓧姣
紺轟緥錛歊EADME
琛ュ厖璇存槑: README 鏍囧噯
鈼 欏圭洰綆浠嬨
鈼 娉ㄦ剰浜嬮」銆
鈼 綰誇笂鐨勭ず渚嬪湴鍧錛堟祴璇曘佹ｅ紡錛夈
鈼 鏀鎸佽繍琛岀殑鐜澧冦
鈼 蹇呰佺殑渚濊禆鍑嗗囷紝浠ュ強濡備綍鎼寤恆
鈼 欏圭洰鐨勫畨瑁呮寚鍗椼
鈼 鐩稿叧鐨勬枃妗ｉ摼鎺ャ
鈼 鐩稿叧浜哄憳鐨勮仈緋繪柟寮忋
README.md 紺轟緥錛
寮哄埗浣跨敤錛氬皬椹煎嘲鍛藉悕娉
鍛藉悕瑙勫垯錛氬墠緙涓哄姩璇嶏紝瑙佸悕鐭ユ剰
1銆乷nXxx 鐩戝惉浜嬩歡鐨勫洖璋
2銆乭andleXxx 澶勭悊浜嬩歡
3銆乬etXxx 鑾峰彇鏌愪釜鍊
4銆乻etXxx 璁劇疆鏌愪釜鍊
甯歌佸満鏅錛
a銆佷簨浠跺勭悊錛
(1).浜嬩歡涓誨姩鐩戝惉閲囩敤 onXxx ,琚鍔ㄥ勭悊浣跨敤handleXxx
紺轟緥錛歰nXxxSubmit: '鎻愪氦琛ㄥ崟'
handleXxxSizeChange: '澶勭悊鍒嗛〉欏墊暟鏀瑰彉'
handleXxxPageChange: '澶勭悊鍒嗛〉姣忛〉澶у皬鏀瑰彉'
onXxxKeydown: '鎸変笅閿'
(2). 鍏朵粬鍛藉悕錛氬厓緔+click銆 鍏冪礌+change銆乻elect+鑼冨洿
紺轟緥錛歴electAllXxx: '閫夋嫨鎵鏈'
xxxCellClick: '褰撴煇涓鍗曞厓鏍艱鐐瑰嚮鏃朵細瑙﹀彂璇ヤ簨浠'
xxxSortChange: '褰撹〃鏍肩殑鎺掑簭鏉′歡鍙戠敓鍙樺寲鐨勬椂鍊欎細瑙﹀彂璇ヤ簨浠'
b銆佸炲垹鏀規煡澶勭悊錛
澧: addXxx 娣誨姞瀛愰」
createXxx 鍒涘緩澶ч」
鍒: deleteXxx 鐪熷垹闄
removeXxx 浼鍒犻櫎
鏀癸細updateXxx
鏌: getXxx 鑾峰彇鍘熷嬫暟鎹闇瑕佷慨鏀
fetchXxx 鍘熷嬫暟鎹
紺轟緥錛歡etUserList: '鑾峰彇鐢ㄦ埛鍒楄〃', fetchToken: '鍙栧緱Token', deleteUser: '鍒犻櫎鐢ㄦ埛', removeTag: '縐婚櫎鏍囩', updateUserInfo: '鏇存柊鐢ㄦ埛淇℃伅', addUser: '娣誨姞鐢ㄦ埛', createAccount: '鍒涘緩璐︽埛'
c銆丄PI鎺ュ彛鍑芥暟錛
get: getXxxApi
post: postXxxApi
patch: patchXxxApi
delect: delectXxxApi
鍩熷悕錛歺xxUrl
涓鑸灞炴у彉閲 寮哄埗浣跨敤錛氬皬椹煎嘲鍛藉悕娉
1銆佸竷灝斿
鍛藉悕瑙勫垯錛氬墠緙涓哄垽鏂鎬у姩璇
hasXxx 鍒ゆ柇鏄鍚﹀惈鏈夋煇涓鍊箋倀rue錛氬惈鏈夋ゅ礆紱 false錛氫笉鍚鏈夋ゅ
isXxx 鍒ゆ柇鏄鍚︿負鏌愪釜鍊箋倀rue錛氫負鏌愪釜鍊礆紱 false錛氫笉涓烘煇涓鍊
紺轟緥錛歩sShow: '鏄鍚︽樉紺', isLoading: '鏄鍚﹀勪簬鍔犺澆涓'錛 hasToken: '鏄鍚﹀寘鍚玊oken',
2銆佹暟緇勫懡鍚
鍛藉悕瑙勫垯錛氫嬌鐢ㄥ悕璇+List緇勫悎
紺轟緥: userList: '鐢ㄦ埛鍒楄〃'
3銆佺佹湁灞炴у彉閲
鍛藉悕瑙勫垯錛氬墠緙涓轟笅鍒掔嚎(_)鍚庨潰鍜屽彉閲忓懡鍚嶄竴鏍楓
4銆佹灇涓懼彉閲 \textcolor{red}{寮哄埗浣跨敤錛氬ぇ椹煎嘲鍛藉悕娉晑
鏋氫婦鐨勫睘鎬т嬌鐢ㄥ叏澶у啓瀛楁瘝錛屽崟璇嶉棿鐢ㄤ笅鍒掔嚎闅斿紑銆
紺轟緥錛歭et TargetState = { READING: 1, READED: 2, APPLIED: 3, READY: 4 };
5銆佸父閲忥細 寮哄埗浣跨敤錛氫嬌鐢ㄥ叏澶у啓瀛楁瘝錛屽崟璇嶉棿鐢ㄤ笅鍒掔嚎闅斿紑
寮哄埗浣跨敤錛氬ぇ椹煎嘲鍛藉悕娉
鍛藉悕瑙勫垯錛 鍙鍙傝僾ue瀹樼綉椋庢牸鎸囧崡
渚嬪傦細 1銆佹寜鐓у姛鑳芥潵鍛藉悕
2銆佸簲鐢ㄧ壒瀹氭牱寮忓拰綰﹀畾鐨勫熀紜緇勪歡 (涔熷氨鏄灞曠ず綾葷殑銆佹棤閫昏緫鐨勬垨鏃犵姸鎬佺殑緇勪歡) 搴旇ュ叏閮ㄤ互涓涓鐗瑰畾鐨勫墠緙寮澶達紝姣斿 Base銆丄pp 鎴 V銆
3銆佺粍浠跺悕搴旇ヤ互楂樼駭鍒鐨 (閫氬父鏄涓鑸鍖栨弿榪扮殑) 鍗曡瘝寮澶達紝浠ユ弿榪版х殑淇楗拌瘝緇撳熬銆
紺轟緥錛歝omponents/
|- BaseButton.vue
|- BaseTable.vue
|- BaseIcon.vue
寮哄埗浣跨敤: 涓鍒掔嚎鍛藉悕娉
鍛藉悕瑙勫垯錛
1.class銆乮d 銆佹爣絳俱佸睘鎬х殑鍛藉悕搴旇ュ敖閲忕簿鐭銆佹槑紜錛屽繀欏諱互瀛楁瘝寮澶村懡鍚嶏紝涓斿叏閮ㄥ瓧姣嶄負灝忓啓錛屽崟璇嶄箣闂寸粺涓浣跨敤涓鍒掔嚎 鈥-鈥 榪炴帴
2.class蹇呴』浠ｈ〃鐩稿簲妯″潡鎴栭儴浠剁殑鍐呭規垨鍔熻兘錛屼笉寰椾互鏍峰紡淇℃伅榪涜屽懡鍚嶃
3.鍏冪礌 id 蹇呴』淇濊瘉欏甸潰鍞涓銆
4.紱佹㈠壋寤烘棤鏍峰紡淇℃伅鐨 class
紺轟緥錛
1銆佸敖閲忎笉瑕佺緝鍐欍佺畝鍐欑殑鍗曡瘝銆傞櫎浜 template => tmp銆乵essage => msg銆乮mage => img銆乸roperty => prop 榪欎簺鍗曡瘝宸茬粡琚鍏璁ょ殑緙╁啓
2銆佸彲璇繪у己鐨勫懡鍚嶄紭鍏堜簬綆鐭鐨勫懡鍚
3銆佸懡鍚嶉暱搴︽渶濂藉湪 20 涓瀛楃︿互鍐咃紝閬垮厤澶氶暱甯︽潵鐨勯槄璇諱笉渚
4銆佸懡鍚嶈佹湁鍏蜂綋鐨勫惈涔夛紝閬垮厤浣跨敤涓浜涙硾鎸囧拰鏃犲叿浣撳惈涔夌殑璇
5銆佷笉瑕佷嬌鐢ㄦ嫾闊籌紝鏇翠笉瑕佷嬌鐢ㄤ腑鏂
6銆佹ｅ垯琛ㄨ揪寮忕敤 Exp 緇撳熬
7銆乺ef錛氫嬌鐢≧ef緇撳熬