# spa-webapi-angularjs

**Repository Path**: yxlcode/spa-webapi-angularjs

## Basic Information

- **Project Name**: spa-webapi-angularjs
- **Description**: 作为angularjs、web api 参考项目
- **Primary Language**: C#
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 0
- **Created**: 2016-03-18
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h2 style="color:brown">Building Single Page Applications using Web API and AngularJS</h2>

<h3 style="font-weight:normal;">Frameworks - Libraries</h3>
<ol>
<li>ASP.NET Web API</li>
<li>Entity Framework</li>
<li>Autofac</li>
<li>Automapper</li>
<li>FluentValidation</li>
<li>AngularJS</li>
<li>Bootstrap 3</li>
<li>3rd part libraries</li>
</ol>

<h3 style="font-weight:normal;">Installation instructions</h3>
<ol>
<li>Build solution to restore packages</li>
<li>Rebuild solution</li>
<li>Change the connection strings inside the HomeCinema.Data/App.config and HomeCinema.Web/Web.config
   accoarding to your development environment</li>
<li>Open Package Manager Console</li>
<li>Select HomeCinema.Data as Default project (in package manager console) and run the following commands
   <ol>
   <li>add-migration "initial"</li>
   <li>update-database -verbose</li>
   </ol></li>
<li>Run HomeCinema.Web application</li>
<li>Use <i>username:</i> <strong>chsakell</strong>, <i>password:</i> <strong>homecinema</strong> to login or register a new account</li>
</ol>

<a href="https://www.dropbox.com/s/7u6y4y6l2mai2uv/Building%20Single%20Page%20Applications%20using%20Web%20API%20and%20angularJS.pdf?dl=0" target="_blank"><img src="https://chsakell.files.wordpress.com/2015/08/spa-webapi-angular-28.png?w=700" alt="spa-webapi-angular-28" class="alignnone size-full wp-image-3595"></a>

<h3 style="font-weight:normal;">Follow chsakell's Blog</h3>
<table id="gradient-style" style="box-shadow:3px -2px 10px #1F394C;font-size:12px;margin:15px;width:290px;text-align:left;border-collapse:collapse;" summary="">
<thead>
<tr>
<th style="width:130px;font-size:13px;font-weight:bold;padding:8px;background:#1F1F1F repeat-x;border-top:2px solid #d3ddff;border-bottom:1px solid #fff;color:#E0E0E0;" align="center" scope="col">Facebook</th>
<th style="font-size:13px;font-weight:bold;padding:8px;background:#1F1F1F repeat-x;border-top:2px solid #d3ddff;border-bottom:1px solid #fff;color:#E0E0E0;" align="center" scope="col">Twitter</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="4" style="text-align:center;">Microsoft Web Application Development</td>
</tr>
</tfoot>
<tbody>
<tr>
<td style="padding:8px;border-bottom:1px solid #fff;color:#FFA500;border-top:1px solid #fff;background:#1F394C repeat-x;">
<a href="https://www.facebook.com/chsakells.blog" target="_blank"><img src="https://chsakell.files.wordpress.com/2015/08/facebook.png?w=120&amp;h=120&amp;crop=1" alt="facebook" width="120" height="120" class="alignnone size-opti-archive wp-image-3578"></a>
</td>
<td style="padding:8px;border-bottom:1px solid #fff;color:#FFA500;border-top:1px solid #fff;background:#1F394C repeat-x;">
<a href="https://twitter.com/chsakellsBlog" target="_blank"><img src="https://chsakell.files.wordpress.com/2015/08/twitter-small.png?w=120&amp;h=120&amp;crop=1" alt="twitter-small" width="120" height="120" class="alignnone size-opti-archive wp-image-3583"></a>
</td>
</tr>
</tbody>
</table>

<h3 style="font-weight:normal;">Bower installations - you don't have to run them</h3>
<ol>
<li>bower install angucomplete-alt --save</li>
<li>bower install angular-base64</li>
<li>bower install angular-file-upload</li>
<li>bower install tg-angular-validator</li>
<li>bower install bootstrap</li>
<li>bower install raty</li>
<li>bower install angular-loading-bar</li>
<li>bower install angular-bootstrap</li>
</ol>