ǰ˺ܶABPϵе¡ABPʹһһİճ漰Web API¼־Ͳ־ֵģ顢ʡݳеϢάȨģе֯ûɫȨޡ˵ݣԼùģ飬ĸѯݣWinformĿ飬ϵͳWinformµʵ֣ùʵֿٵWinformɹѭVUE+Element ǰӦÿ¡ѭVUE+ElementУ˽ABP+Vue+ElementBSǰ˽ͨVue+Elementʵֵǰ˽չʾ۴ҵģ黯װWeb棬dzڴϵͳĿṩЧʡ
1ABPܱ֪ʶ
ABPASP.NET BoilerplateļƣABPһԴĵѺõӦóĿǰ.net core5.0Ͻп֧SQLServerMysqlOracleȳݿл
1ص
ABPܻϣȨϵԼϽеҵϵͳٿABPٿܵļܹͼʾͼʾֵģΪ˵
ǺAPIĿܼܹǰ˷Vue + Element Ϊǰ˼·ߣôǰ˵ı߽dzǰ˿ͨȡӦJSONͿԹǰ˵Ӧˡ
ǰ˴УҪVuexģʽеStoreʵֶActionMutationȡݺʵֶState״̬еݽи¡ǵǰҳݴԲҪ洢StateϢֱͨǰ˷װAPIȡصݣֱӸµͼϼɡ
Vue + ElementǰĿͼStoreģ顢APIģ顢Web API֮ϵʾ
ǰ˸ABP˵ĽӿڽǰJS˵ķװES6ĸʵҵӿڵͳһװ롣
Ȩģ漰ûɫ˵ܹ־¼־ҵ࣬ôЩ̳BaseApiͻصĽӿˣʾ̳йϵ
2Vue + ElementǰABPܹܽ
1¼
ϵͳ¼Чʾ
ıݣǶԹʻݡ
2ܽ
ܽõǻں̨õIJ˵̬ɣDz˵ұ߶ض
ҳһЩͳչʾϢͼۺչʾݡ
ͼչʾЧͼ״ͼЧʾ
״ͼЧʾ
ͼЧʾ
ͣɢͼ
ߺ״ͼϵͼ
жṩѯȫлIJִСѡ˵ͷݲ˵
3û
ûбҳѯбչʾԼðť༭鿴û¼߶ָû
ǰѳб棬༭鿴Ƚһ𣬳бҳ棬ԵԻķʽд½ʾʾ
û༭ʾ
ȻԲ鿴ûӵеȨܵӵеIJ˵½ʾ
4֯
֯Ҫһ㼶Ķϵһڹ˾šȵĶ壬֯ûԱͽɫԱĹϵ½ʾ
֯ĻƺͶӦĸڵ㣬½ʾ
֯ijԱӶԱ¼пԶ֯ԱбӡɾIJ
б֯ԱֵġӳԱťԻѡ֯Ա
֯нɫбʾпԶԽɫбӡɾIJ
бнɫֵġӽɫťԻѡӽɫ
5ɫ
ɫϢûв㼶ϵͨбչʾ
нɫȨ䡢ɫԱӵв˵άǽɫ༭棬ɫϢӵȨޡԱӵв˵Ĺȡ˵ڽɫ˵ӦһֽԴͨýйӦɫûIJ˵
༭ʾ
ɫȨްϵͳõȨޣԹѡΪɫĹܵ㣬½ʾ
ûԱͻûһָûﲻ
˵ڽɫ˵ӦһֽԴͨýйӦɫûIJ˵½ʾ
ͨúýɫIJ˵û¼ϵͳϵͳݵǰûɫеIJ˵Ŀ̬ʾӦб˵ɸѡ·б
6ܹ
ϸ˵ABPܲûͳһȨܵģûκα洢ܼϣͨAuthorizationProviderȨܵ
һȨܵı洢ܵģȻṩ̬άЩܵ㡣½ʾ
Ǹղڽɫ濴ԷȨݣǻȨޱϢչʾ
ǿԶ̬ӻҪĹܵ㣬ҺȨģ鴮γһĿϵ
ǻͨбİťбӡ༭ɾɾӦĽڵ㼰ӽڵ㡣
ϵͳ¼ͻԶȡӦûĽɫܵ㣬Ȼÿδһµҵ壬ͻ˻нȨƣûȨģôԷʲǽֹ˲ƷϢĵ롢༭Ȳܣ½ʾƷ汻̬ȡȨֹijЩܡ
7˵
ϵͳĿ϶DZĽ棬ϵͳϵͳ˵Ҳмбչʾݣϵͳ˵Ƚ϶ʱҪѲ˵Ϊϵͳ˵һԶ˵бͨб۵ͿԷ÷dzIJ˵ˡ
ABP + Vue + Element ٿ棬BSǰ˵IJ˵CSIJ˵ǸԷֿģں̨Ȩģϵͳά˵ݲӦɫûû¼ϵͳ̬ز˵չʾͨ˵ϢתӦ·ȥҳչʾ
˵Դбʾ
бĿҲչʾӦڵµIJ˵б
ҲбťУԶеIJ˵б༭˵༭ʾ
ǿͨѡͼ갴ťв˵ͼѡѡ˵ͼƬĽ档
8ϵͳ¼־
¼־ûԵ¼ʱµļ¼Ϣаûĵ¼ûIDIPַ¼ʱ䣬Լ¼Ƿɹ״̬Ϣ
¼־ϵͳ¼Եʱµļ¼ɹԱи˽ij˻ʹҲԸЩ¼ϢһͳƱķ
鿴ϸʾ
9ϵͳ־
־ڷʻߵijӦ÷ӿڵʱµһϵв¼м¼ǷʵķӿڣͻIPַʱ䣬Լ쳣ϢЩABPϵͳԶ¼ģҪijЩ߽ӿڣЩͲ¼棬ĬǼ¼ġ
־ϸչʾʾ
10ֵ
ֵ棬гֵֵͣµֵݽзҳչʾҲ÷ҳչʾӦֵ͵ֵݣֵʾ
ֵбάԽ༭ɾȳ
Ӧֵ߱༭¡
ֵݵĽʾ
11Ʒбչʾ
ƷбҪչʾһƷصݣչʾƷͼƬԼƷϢܵݡ
չʾеĶElementĽһƵչʾЧʾ
ƷϢһбչʾʾ
ƷϢı༭ʾ
Ʒϸ˵棬Dzøı༭ Tinymce ʵֱ༭չʾЧʾ
ƷϢ鿴棬ԶͼƬԤչʾ
12ͼ
VUE+Element ǰӦУͼDZزٵԪأһЩõͼǷdzҪģElementṩ˺ܶೣͼ꣬Ǻܶ࣬Ӧ300Ұɣ˿չͼ꣬vue-awesomeFont Awesomeͼ꣬ʵ˸ͼϡ
Elementͼ£
Vue-Awesomeͼʾ
вѯṩƽͼѯԼһչʾٸṩһԶɫѡӶԸıͼչʾɫ