abp
292 строки · 14.7 Кб
1@page
2@using Microsoft.AspNetCore.Mvc.Localization
3@using MyCompanyName.MyProjectName.Localization
4@inject IHtmlLocalizer<MyProjectNameResource> L
5@model MyCompanyName.MyProjectName.Pages.IndexModel
6
7@section styles {
8<abp-style src="/Pages/Index.cshtml.css" />
9}
10@section scripts {
11<abp-script src="/Pages/Index.cshtml.js" />
12}
13
14<div class="row mb-3">
15<div class="col-xl-6 col-12 d-flex">
16<div class="card h-lg-100 w-100 overflow-hidden">
17<div class="card-body">
18<div class="starting-content">
19<h3>Getting Started</h3>
20<p class="lead text-muted mb-2">Learn how to create and run
21a
22new web application using the application startup
23template.</p>
24<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting
25Started</a>
26
27<h4>Web Application Development Tutorial</h4>
28<p class="text-muted mb-2">Learn how to build an ABP based
29web
30application named Acme.BookStore.</p>
31<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a>
32
33<h4>Customize Lepton Theme</h4>
34<p class="text-muted mb-2">Learn how to customize LeptonX
35Theme
36as you wish.</p>
37<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a>
38</div>
39<img class="card-bg-image" src="/images/getting-started/bg-01.png">
40</div>
41</div>
42</div>
43<div class="col-xl-3 col-md-6 d-flex">
44<div class="row">
45<div class="col-12 d-flex">
46<div class="card overflow-hidden">
47<div class="card-body pb-0">
48<div class="abp-support abp-logo mb-2"></div>
49<p class="text-muted mb-2">You can check for
50similar problems and solutions, or open a
51new topic to discuss your specific issue.</p>
52<a href="https://support.abp.io/QA/Questions" class="btn
53btn-brand soft" target="_blank">Visit Support</a>
54<img class="" src="/images/getting-started/img-support.png">
55</div>
56</div>
57</div>
58<div class="col-12 d-flex">
59<div class="card h-md-100 overflow-hidden">
60<div class="card-body pb-0">
61<div class="abp-blog abp-logo mb-2"></div>
62<p class="text-muted mb-2">You can find content
63on .NET development, cross-platform, ASP.NET
64application templates, ABP-related news, and
65more.</p>
66<a href="https://blog.abp.io/abp" class="btn
67btn-brand soft" target="_blank">Visit Blog</a>
68
69<img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png">
70</div>
71</div>
72</div>
73</div>
74</div>
75<div class="col-xl-3 col-md-6 d-flex">
76<div class="card h-100 overflow-hidden">
77<div class="card-body">
78<div class="abp-community abp-logo mb-2"></div>
79<p class="lead text-muted">A unique community platform
80for <span class="fw-bold">ABP Lovers!</span></p>
81<p class="text-muted mb-2">Explore all ABP users'
82experiences with the ABP Framework, discover
83articles and videos on how to use ABP, and join
84raffles for a chance to win surprise gifts!</p>
85<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP
86Community</a>
87</div>
88<img class="mt-3" src="/images/getting-started/img-community.png">
89</div>
90</div>
91</div>
92
93<div class="row">
94<div class="col-xl-3 col-lg-4">
95<div class="card">
96<div class="card-header">
97<div class="card-title text-body">More from ABP.IO</div>
98</div>
99<div class="card-body pt-0">
100
101<div>
102<table class="table mb-0">
103<tbody>
104<tr>
105<td class="ps-0 d-flex">
106<div class="rounded-circle me-2
107flex-center bg-brand soft" style="width: 20px; height:
10820px;"><i class="bi bi-check fs-4"></i></div>
109<div> Latest Release Logs </div>
110</td>
111<td class="text-end pe-0 opacity-25">
112<a href="https://github.com/abpframework/abp/releases" target="_blank">
113<i class="bi
114bi-box-arrow-up-right
115text-dark"></i>
116</a>
117</td>
118</tr>
119<tr>
120<td class="ps-0 d-flex">
121<div class="rounded-circle me-2
122flex-center bg-brand soft" style="width: 20px; height:
12320px;"><i class="bi bi-check fs-4"></i></div>
124<div> Video Courses </div>
125</td>
126<td class="text-end pe-0 opacity-25">
127<a href="https://abp.io/video-courses" target="_blank">
128<i class="bi
129bi-box-arrow-up-right
130text-dark"></i>
131</a>
132</td>
133</tr>
134<tr>
135<td class="ps-0 d-flex">
136<div class="rounded-circle me-2
137flex-center bg-brand soft" style="width: 20px; height:
13820px;"><i class="bi bi-check fs-4"></i></div>
139<div> Samples </div>
140</td>
141<td class="text-end pe-0 opacity-25">
142<a href="https://docs.abp.io/en/abp/latest/Samples/Index" target="_blank">
143<i class="bi
144bi-box-arrow-up-right
145text-dark"></i>
146</a>
147</td>
148</tr>
149<tr>
150<td class="ps-0 d-flex">
151<div class="rounded-circle me-2
152flex-center bg-brand soft" style="width: 20px; height:
15320px;"><i class="bi bi-check fs-4"></i></div>
154<div> Books </div>
155</td>
156<td class="text-end pe-0 opacity-25">
157<a href="https://abp.io/books" target="_blank">
158<i class="bi
159bi-box-arrow-up-right
160text-dark"></i>
161</a>
162</td>
163</tr>
164<tr>
165<td class="ps-0 d-flex border-bottom-0">
166<div class="rounded-circle me-2
167flex-center bg-brand soft" style="width: 20px; height:
16820px;"><i class="bi bi-check fs-4"></i></div>
169<div> FAQ </div>
170</td>
171<td class="text-end pe-0 opacity-25
172border-bottom-0">
173<a href="https://commercial.abp.io/faq" target="_blank">
174<i class="bi
175bi-box-arrow-up-right
176text-dark"></i>
177</a>
178</td>
179</tr>
180</tbody>
181</table>
182</div>
183</div>
184</div>
185</div>
186<div class="col-xl-6 col-lg-8 d-flex">
187<div class="card">
188<div class="card-body d-flex">
189<div class="row align-items-center">
190<div class="col-md-8">
191<p class="text-muted mb-0">THE OFFICIAL GUIDE</p>
192<h3>Mastering ABP Framework</h3>
193<p class="text-muted">Written by the creator of the ABP
194Framework, this book will help you gain a complete
195understanding of the framework
196and modern web application development techniques.</p>
197<div class="d-md-flex mb-2 mb-md-0">
198<a href="https://www.amazon.com/gp/product/B097Z2DM8Q" target="_blank" class="btn btn-primary soft
199me-md-2 mb-2 mb-md-0">
200Buy on Amazon US
201</a>
202<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" target="_blank" class="btn btn-primary soft mb-2
203mb-md-0">
204Buy on PACKT
205</a>
206</div>
207</div>
208<div class="col">
209<img src="/images/getting-started/book.png">
210</div>
211</div>
212
213</div>
214</div>
215</div>
216<div class="col-xl-3 col-lg-4">
217<div class="card">
218<div class="card-header">
219<div class="card-title text-body">Follow us on Social Media</div>
220</div>
221<div class="card-body pt-0">
222<div>
223<table class="table mb-0">
224<tbody>
225<tr>
226<td class="ps-0 d-flex">
227<img src="/images/getting-started/x-white.svg" class="me-2" style="background-color: black;">
228<div>X.com</div>
229</td>
230<td class="text-end pe-0 opacity-25">
231<a href="https://twitter.com/abpframework" target="_blank">
232<i class="bi bi-box-arrow-up-right
233text-dark"></i>
234</a>
235</td>
236</tr>
237<tr>
238<td class="ps-0 d-flex">
239<img src="/images/getting-started/discord.svg" class="me-2">
240<div>Discord</div>
241</td>
242<td class="text-end pe-0 opacity-25">
243<a href="https://community.abp.io/discord" target="_blank">
244<i class="bi bi-box-arrow-up-right
245text-dark"></i>
246</a>
247</td>
248</tr>
249<tr>
250<td class="ps-0 d-flex">
251<img src="/images/getting-started/stack-overflow.svg" class="me-2">
252<div>Stack Overflow</div>
253</td>
254<td class="text-end pe-0 opacity-25">
255<a href="https://stackoverflow.com/questions/tagged/abp" target="_blank">
256<i class="bi bi-box-arrow-up-right
257text-dark"></i>
258</a>
259</td>
260</tr>
261<tr>
262<td class="ps-0 d-flex">
263<img src="/images/getting-started/youtube.svg" class="me-2">
264<div>YouTube</div>
265</td>
266<td class="text-end pe-0 opacity-25">
267<a href="https://www.youtube.com/@@Volosoft" target="_blank">
268<i class="bi bi-box-arrow-up-right
269text-dark"></i>
270</a>
271</td>
272</tr>
273<tr>
274<td class="ps-0 d-flex border-bottom-0">
275<img src="/images/getting-started/instagram.svg" class="me-2">
276<div>Instagram</div>
277</td>
278<td class="text-end pe-0 opacity-25
279border-bottom-0">
280<a href="https://www.instagram.com/abpframework/" target="_blank">
281<i class="bi bi-box-arrow-up-right
282text-dark"></i>
283</a>
284</td>
285</tr>
286</tbody>
287</table>
288</div>
289</div>
290</div>
291</div>
292</div>