ǰ˺ܶ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ȳݿл

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ܹܽ

 ϵͳ¼Чʾ

  

 ıݣǶԹʻݡ

 

ܽõǻں̨õIJ˵̬ɣDz˵ұ߶ض

ҳһЩͳչʾϢ͸ͼۺչʾݡ

ͼչʾЧͼ״ͼЧʾ

 ״ͼЧʾ

 ͼЧʾ

 ͣɢͼ

 ߺ״ͼϵͼ

 жṩѯȫл޸IJִСѡ˵ͷ񼰿ݲ˵

 

ûбҳѯбչʾԼðť༭鿴û¼߶ָû

 

ǰѳб棬༭鿴Ƚһ𣬳бҳ棬ԵԻķʽд½ʾʾ

 û༭ʾ

 ȻԲ鿴ûӵеȨ޹ܵӵеIJ˵½ʾ

  

֯Ҫһ㼶Ķϵһڹ˾šȵĶ壬֯ûԱͽɫԱĹϵ½ʾ

 

 ֯޸ĻƺͶӦĸڵ㣬½ʾ

 ֯ijԱӶԱ¼пԶ֯ԱбӡɾIJ

 б֯ԱֵġӳԱťԻѡ֯Ա

 

֯нɫбʾпԶԽɫбӡɾIJ

 бнɫֵġӽɫťԻѡӽɫ

 

   

ɫϢûв㼶ϵͨбչʾ

 нɫȨ޷䡢ɫԱӵв˵άǽɫ༭棬ɫϢӵȨޡԱӵв˵Ĺȡ˵ڽɫ˵ӦһֽԴͨýйӦɫûIJ˵

༭ʾ

ɫȨްϵͳõȨޣԹѡΪɫĹܵ㣬½ʾ

 

 ûԱͻûһָûﲻ׸

˵ڽɫ˵ӦһֽԴͨýйӦɫûIJ˵½ʾ

 ͨúýɫIJ˵û¼ϵͳϵͳݵǰûɫеIJ˵Ŀ̬ʾӦб˵ɸѡ·б

 

 ϸ˵ABPܲûͳһȨ޹ܵģûκα洢ܼϣͨAuthorizationProviderȨ޹ܵ

һȨ޹ܵı洢ܵģȻṩ̬άЩܵ㡣½ʾ

 

Ǹղڽɫ濴ԷȨݣǻȨޱϢչʾ

ǿԶ̬ӻҪĹܵ㣬ҺȨ޹ģ鴮γһĿϵ

 

ǻͨбİťбӡ༭ɾɾӦĽڵ㼰ӽڵ㡣

 

ϵͳ¼󣬿ͻԶȡӦûĽɫܵ㣬Ȼÿδһµҵ壬ͻ˻нȨ߼ƣûȨ޵ģôԷʲǽֹ˲ƷϢĵ롢༭Ȳܣ½ʾƷ汻̬ȡȨ޺󣬽ֹijЩܡ

 

ϵͳĿ϶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ͼʾ

вѯṩƽͼѯԼһչʾٸṩһԶɫѡӶԸıͼչʾɫ