|
| 1 | +# Building Web Apps using Dapper ORM and SQL/JSON functionalities |
| 2 | + |
| 3 | +This project contains an example implementation of ASP.NET REST Service/App that enables you to get or modify list of products in catalog and show reports. |
| 4 | + |
| 5 | +## Contents |
| 6 | + |
| 7 | +[About this sample](#about-this-sample)<br/> |
| 8 | +[Before you begin](#before-you-begin)<br/> |
| 9 | +[Run this sample](#run-this-sample)<br/> |
| 10 | +[Sample details](#sample-details)<br/> |
| 11 | +[Disclaimers](#disclaimers)<br/> |
| 12 | +[Related links](#related-links)<br/> |
| 13 | + |
| 14 | +<a name=about-this-sample></a> |
| 15 | + |
| 16 | +## About this sample |
| 17 | + |
| 18 | +- **Applies to:** SQL Server 2016 (or higher), Azure SQL Database |
| 19 | +- **Key features:** JSON functions in SQL Server 2016/Azure SQL Database, Dapper ORM |
| 20 | +- **Programming Language:** C#, Transact-SQL |
| 21 | +- **Authors:** Jovan Popovic |
| 22 | + |
| 23 | +<a name=before-you-begin></a> |
| 24 | + |
| 25 | +## Before you begin |
| 26 | + |
| 27 | +To run this sample, you need the following prerequisites. |
| 28 | + |
| 29 | +**Software prerequisites:** |
| 30 | + |
| 31 | +1. SQL Server 2016 (or higher) or an Azure SQL Database |
| 32 | +2. Visual Studio 2015+ or Visual Studio Code Editor with the ASP.NET Core 1.0 (or higher) |
| 33 | + |
| 34 | +**Azure prerequisites:** |
| 35 | + |
| 36 | +1. Permission to create an Azure SQL Database |
| 37 | + |
| 38 | +<a name=run-this-sample></a> |
| 39 | + |
| 40 | +## Run this sample |
| 41 | + |
| 42 | +1. Create a database on SQL Server 2016 or Azure SQL Database and set compatibility level to 130+. |
| 43 | + |
| 44 | +2. From SQL Server Management Studio or Sql Server Data Tools connect to your SQL Server 2016 or Azure SQL database and execute [sql-scripts/setup.sql](sql-scripts/setup.sql) script that will create and populate Product table and create required stored procedures. |
| 45 | + |
| 46 | +3. From Visual Studio 2015, open the **ProductCatalog.xproj** file from the root directory. Restore packages using right-click menu on the project in Visual Studio and by choosing Restore Packages item. As an alternative, you may run **dotnet restore** from the command line (from the root folder of application). |
| 47 | + |
| 48 | +4. Add a connection string in appsettings.json or appsettings.development.json file. An example of the content of appsettings.development.json is shown in the following configuration: |
| 49 | + |
| 50 | +``` |
| 51 | +{ |
| 52 | + "ConnectionStrings": { |
| 53 | + "ProductCatalog": "Server=.;Database=ProductCatalog;Integrated Security=true" |
| 54 | + } |
| 55 | +} |
| 56 | +``` |
| 57 | + |
| 58 | +If database is hosted on Azure you can add something like: |
| 59 | +``` |
| 60 | +{ |
| 61 | + "ConnectionStrings": { |
| 62 | + "ProductCatalog": "Server=<<SERVER>>.database.windows.net;Database=ProductCatalog;User Id=<<USER>>;Password=<<PASSWORD>>" |
| 63 | + } |
| 64 | +} |
| 65 | +``` |
| 66 | + |
| 67 | +5. Build solution using Ctrl+Shift+B, right-click on project + Build, Build/Build Solution from menu, or **dotnet build** command from the command line (from the root folder of application). |
| 68 | + |
| 69 | +6. Run the sample app using F5 or Ctrl+F5 in Visual Studio 2015, or using **dotnet run** executed in the command prompt of the project root folder. |
| 70 | + 1. Open /api/Product Url to get all products from database, |
| 71 | + 2. Open /api/Product/18 Url to get the product with id, |
| 72 | + 3. Send POST Http request to /api/Product Url with JSON like {"Name":"Blade","Color":"Magenta","Price":18.0000,"Quantity":45} in the body of request to create new product, |
| 73 | + 4. Send PUT Http request with JSON like {"Name":"Blade","Color":"Magenta","Price":18.0000,"Quantity":45} in the body of request to update the product with specified id, |
| 74 | + 5. Send DELETE Http request /api/Product/18 Url to delete the product with specified id(18), |
| 75 | + 6. Open index.html to see how JavaScript client-side app can use underlying REST API, |
| 76 | + 7. Open report.html to see how you can create reports with pie/bar charts using D3 library and underlying REST API. |
| 77 | + |
| 78 | +<a name=sample-details></a> |
| 79 | + |
| 80 | +## Sample details |
| 81 | + |
| 82 | +This sample application shows how to create REST API that returns list of products, single product, or update products in table. |
| 83 | +Dapper ORM framework is used for data access. Dapper-Stream extension is used to integrate Dapper with SQL/JSON functionalities. |
| 84 | +Server-side code is implemented using ASP.NET. |
| 85 | +SQL Server JSON functions are used to format product data that will be sent to front-end page. |
| 86 | +Client-side code is inplemented using various JavaScript components. |
| 87 | + |
| 88 | +<a name=disclaimers></a> |
| 89 | + |
| 90 | +## Disclaimers |
| 91 | +The code included in this sample is not intended demonstrate some general guidance and architectural patterns for web development. It contains minimal code required to create REST API, and it does not use some patterns such as Repository. Sample uses built-in ASP.NET Core Dependency Injection mechanism; however, this is not prerequisite. |
| 92 | +You can easily modify this code to fit the architecture of your application. |
| 93 | + |
| 94 | +<a name=related-links></a> |
| 95 | + |
| 96 | +## Related Links |
| 97 | + |
| 98 | +The architecture is based on a samples presented in [Building REST API using SQL Server JSON functionalities](http://sqlblog.com/blogs/davide_mauri/archive/2017/04/30/pass-appdev-recording-building-rest-api-with-sql-server-using-json-functions.aspx) PASS AppDev webinar. |
| 99 | +You can find more information about the components that are used in this sample on these locations: |
| 100 | +- Server-side components |
| 101 | + - [ASP.NET](http://www.asp.net). |
| 102 | + - [JSON Support in Sql Server](https://msdn.microsoft.com/en-us/library/dn921897.aspx). |
| 103 | + - [Dapper](https://github.com/StackExchange/Dapper) framework is used for data access. |
| 104 | +- Front-end components used in this sample are: |
| 105 | + - [JQuery library](https://jquery.com/) that is used to define UI logic in the front-end application. |
| 106 | + - [JQuery DataTable plugin](https://datatables.net/) that is used to display list of products in a table. |
| 107 | + - [JQuery View Engine](https://jocapc.github.io/jquery-view-engine/) that is used to populate HTML form using JSON model object. |
| 108 | + - [Twitter Bootstrap](http://getbootstrap.com/) that is used to style application. |
| 109 | + - [D3 library](https://d3js.org/) that is use to display pie/bar charts. |
| 110 | + |
| 111 | +## Code of Conduct |
| 112 | +This project has adopted the [Microsoft Open Source Code of Conduct ](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [[email protected]](mailto:[email protected]) with any additional questions or comments. |
| 113 | + |
| 114 | +## License |
| 115 | +These samples and templates are all licensed under the MIT license. See the license.txt file in the root. |
| 116 | + |
| 117 | +## Questions |
| 118 | + |
0 commit comments