讲解program语言、辅导Python，C/C+程序、Java编程设计调试 讲解数据库SQL|讲解R语言编程

Introduction
You will continue working with the music business problem domain introduced in assignment #5. In this assignment, the
web app will be enhanced to support security concepts as well as richer data such as rich text and media files (images,
audio files, and videos).
Specifications overview and work plan
Here is a brief work plan sequence:
1. Create the project using the “Web App Project Template W2021 V3”
2. Customize the app’s appearance.
3. Create the design model classes.
4. Create view models and mappers that cover the use cases.
5. Configure the security settings for the app.
6. Add methods to the Manager class that:
a. load initial data
b. handle the use cases
7. Implement rich text editing and media item handling.
8. Publish your web app to Azure.
Page 2 of 20
Getting started
Create a new web app named “Assignment6”. You must use the “Web App Project Template W2021 V3” project
template provided by your professor. The project template is available on the course website (on Blackboard).
You may update NuGet packages and build the app to ensure an error-free base but DON’T run the app yet.
As you write code, you should build frequently. If your project has a compilation error and you are unsure how to fix it,
contact your professor and include the error message details – there may be a simple fix. Some problems may be
challenging for your professor to solve over email, so use your in-class time to work on assignments.
The best way to work through this assignment is to work on each task incrementally. Get one task working before
moving on to the next task. Test each task as you complete them.
Temporarily disable error-handling for HTTP errors 500 and higher
Open the Global.asax.cs source code file. In the Application_EndRequest() method, temporarily comment out the
following statement:
if (code >= 500)…
Verify the Upload.cshtml partial view
Go to the Shared folder. If the folder and/or file EditorTemplates/Upload.cshtml does not exist, please add them.
Customize the app’s appearance
You will customize the appearance of your web apps and assignments. Never submit an assignment that has the
generic auto-generated text content. Please make the time to customize the web app’s appearance.
For this assignment, you can defer this customization work until later. Come back to it at any time and complete it before
you submit your work.
Follow the guidance from Assignment 1 to customize the app’s appearance, including the links/text in the page header
and footer. For this assignment, you may remove the About and Contact pages but do not forget to remove the links
from the navigation bar as well.
After creating the web app, customize the home page. Change the large “Learn more >>” button to “Assignment 6 on
Azure” and set the button link to the URL of your assignment on Azure.
WEB524 – ASSIGNMENT #6 – WINTER 2021 DUE: APRIL 21, 2021 @ 11:59 PM
Page 3 of 20
Load data and test your app
After creating your project, you will need to login so that you can seed the initial data. Create the first user account:
admin@example.com. After it is created, login with this account.
Use the LoadData controller and call the manager object’s LoadData() method to load initial data for the web app.
Test your work by attempting to register a new user. The new role claim list should appear on the “register” page and
enable the correct configuration of a new user.
WEB524 – ASSIGNMENT #6 – WINTER 2021 DUE: APRIL 21, 2021 @ 11:59 PM
Page 4 of 20
Data storage preparation tasks
Next, enable Migrations. Migrations will create a starting point (snapshot) of the database structure. You may need to
review previous assignments if you need help remembering the commands.
Prepare for security-aware content
You will continue to use the user account security ideas that were implemented in the previous assignment. In other
words:
• A user with an Executive role claim can add, edit, and delete an artist.
• A user with a Coordinator role claim can add, edit, and delete an album.
• A user with a Clerk role claim can add, edit, and delete a track.
• All other kinds of authenticated users can read artist, album, and track data.
• Anonymous users cannot work with artist, album, and track data.
Add these kinds of users to your app, using the revised Register page.
Recently, you learned how to conditionally enable functionality based on information in the security principal (e.g.
authenticated or not, user info, role claim info). Menu item and content containers could be visible, or not, depending
upon the user.
In this assignment, you must implement these ideas. In general:
• Menu items – “Artists”, “Albums” and “Tracks” – should appear to authenticated users only.
• Content containers – links/buttons connecting to all “Add new” pages – should appear (or not), based on the
user.
As you make progress coding a feature, pause for a moment and decide whether security should influence who/when
users can see the feature on the user interface.
Preparing for rich text editing
The Artist and Album design model classes need another string property, to hold rich text.
In the Artist class, add a new string property named “Biography”. It is not required and will be lengthy. Its intention is
to capture content about the history, biographical data, and musical style of the artist.
In the Album class, add a new string property named “Summary”. It is not required and will be lengthy. Its intention is
to capture content about the theme, style, content, and assembly of the album.
Important: Make sure you name these ‘lengthy’ properties exactly as specified.
WEB524 – ASSIGNMENT #6 – WINTER 2021 DUE: APRIL 21, 2021 @ 11:59 PM
Page 5 of 20
Build the app and run it in a browser. Uh oh, an error:
As the error states, the data model has changed. To fix this, review the coverage of the Migrations feature in the lecture
notes:
1. add-migration descriptive-name-for-migration.
2. update-database
Later, remember this “recipe” for enabling rich text editing and display:
1. Add [DataType(DataType.MultiLineText)] to the string property in the view model class.
2. In the view, before the code that renders the string property, add a reference to the rich text editor app.
3. After the code that renders the string property, run the command to convert the into a rich text<br>editor rectangle.<br>4. In the controller method that handles the data submitted by the user (the POST method), add<br>[ValidateInput(false)].<br>5. When displaying rich text, use the Raw() HTML Helper.<br>Implement “get all” for Artist and Album<br>You will want to start coding the “add new” pages for an Artist and Album as quickly as possible. Before you do, it<br>makes sense to implement the “get all” use case for each.<br>Use the information you learned in class and the class notes to implement this functionality. Your artist list may look like<br>the following:<br>WEB524 – ASSIGNMENT #6 – WINTER 2021 DUE: APRIL 21, 2021 @ 11:59 PM<br>Page 6 of 20<br>Your album list may look like the following:<br>Implement “add new” for Artist<br>This task is like the “add new” Artist task that you coded in the previous assignment however the updated Artist design<br>model class has a new Biography string property which will hold rich text. Think back to the previous lectures and check<br>your class notes to complete this task. Some hints have also been documented above.<br>Keep in mind, it may be possible to re-use some of your design and code from the previous assignment.<br>When you are testing, you can typically get biography information from Wikipedia (or other web resources). Your “add<br>new” Artist view may look like the following:<br>WEB524 – ASSIGNMENT #6 – WINTER 2021 DUE: APRIL 21, 2021 @ 11:59 PM<br>Page 7 of 20<br>WEB524 – ASSIGNMENT #6 – WINTER 2021 DUE: APRIL 21, 2021 @ 11:59 PM<br>Page 8 of 20<br>Implement “add new” for Album<br>This task is NOT the same as the previous assignment’s “add new” album task – it is much simpler. You will enable the<br>user to add a new album for a specific known artist. You will NOT display a checkbox list of all artists or a checkbox list<br>of all tracks. As a result, it will be more like the “add new” track task from the previous assignment.<br>On a “get one” details view for Artist, add a link to enable “Add new album for this artist”. In the ArtistsController,<br>implement the “add new” Album functionality. Your “add new” Album view may look like the following:<br>WEB524 – ASSIGNMENT #6 – WINTER 2021 DUE: APRIL 21, 2021 @ 11:59 PM<br>Page 9 of 20<br>WEB524 – ASSIGNMENT #6 – WINTER 2021 DUE: APRIL 21, 2021 @ 11:59 PM<br>Page 10 of 20<br>Prepare for non-text media types<br>In this app, two scenarios will be implemented for non-text media type handling.<br>In the simple scenario, the existing Track entity will be modified to handle an audio media item.<br>In the more complex scenario, a new ArtistMediaItem entity will be created. This new entity will be dedicated to the<br>description and storage of media items. The existing Artist entity will be modified to handle a collection of<br>ArtistMediaItem objects.<br>Media type – add audio to the Track entity<br>As noted above, this is the simple scenario. The existing Track entity will be modified to handle an audio media item.<br>Follow the guidance in the lecture notes and in the PhotoProperty code example. When you build and run in a browser,<br>the “model… changed” error appears. Again, add a migration, and update the database.<br>WEB524 – ASSIGNMENT #6 – WINTER 2021 DUE: APRIL 21, 2021 @ 11:59 PM<br>Page 11 of 20<br>Implement “get all” and “get one” track<br>Now it is time to implement the “get all” and “get one” track use cases. You will do work in the Manager class, a<br>TracksController, and some views. It may be possible to re-use some of your design and code from the previous<br>assignment. Your track list may look like the following:<br>The details view for the “get one” use case should include an HTML audio player for the track’s sample clip.<br><audio src="/clip/@Model.Id" controls="controls"></audio><br>As you can see, the value of the src attribute is a path like this: /clip/123<br>That means that we need an action/method to fetch the clip. The PhotoProperty code example used a dedicated<br>controller for that. For this assignment, you can simply add a method to the Tracks controller that will work with the<br>Manager object to fetch and deliver the clip. Remember to use attribute routing for a clean URL.<br>Your track details view may look like the following. Notice the disabled state of the audio player because it could not<br>find the audio clip data. (We will fix that soon.)<br>WEB524 – ASSIGNMENT #6 – WINTER 2021 DUE: APRIL 21, 2021 @ 11:59 PM<br>Page 12 of 20<br>Implement “add new” track<br>This will work almost exactly like it did in the previous assignment. A user can add a track for a specific and known<br>album. Add a hyperlink on the album details view to “Add a new track to this album”. Locate the “add new” track<br>actions/methods in the AlbumsController. To this base, you will add the ability to upload a sample clip of the track,<br>again, follow the guidance in the lecture notes and in the PhotoProperty code example.<br>Your track “create” view may look like the following:<br>WEB524 – ASSIGNMENT #6 – WINTER 2021 DUE: APRIL 21, 2021 @ 11:59 PM<br>Page 13 of 20<br>After completing the form, it will look like the following:<br>Finally, after a successful save, it will look like the following. Notice the enabled state of the audio player with controls<br>that can be used. <br>WEB524 – ASSIGNMENT #6 – WINTER 2021 DUE: APRIL 21, 2021 @ 11:59 PM<br>Page 14 of 20<br>Implement track “Edit existing” and “Delete item”<br>A user can edit or update clips for an existing track so implement the “Edit existing” and “Delete item” use cases for the<br>Track entity. You do not need to implement these use cases for the Artist and Album entities.<br>All tracks created using the initial data should have updatable clips.<br>You will need track clips. Your professor has provided you with three clips along with the assignment specifications on<br>blackboard. Each are about 15 seconds in length. Please do not use full-length tracks as clips. They are too big and will<br>likely cause issues when you are submitting your work on Blackboard.<br>Media type – add a media collection to the Artist entity<br>As noted above, this is the more complex scenario. A new ArtistMediaItem entity will be created, and the existing Artist<br>entity will be modified to handle a collection of ArtistMediaItem objects.<br>In this scenario, the design and coding approach will be like the one in the recent PhotoEntity code example. The one<br>difference is that we will permit any kind of media item to be associated with an Artist object. In other words, a photo,<br>some audio, or video, or even a digital document like a PDF or Word-or-Excel document.<br>What is different here?<br>In the view code, we will make decisions about how to render a media item:<br>• If it is an image, then render an HTML <img> element.<br>• If it is audio, then render an HTML <audio> element.<br>• If it is a video, then render an HTML <video> element.<br>• If it is a PDF, Word, or Excel file, then render an HTML <a> element, which uses the download-and-save<br>workflow.<br>WEB524 – ASSIGNMENT #6 – WINTER 2021 DUE: APRIL 21, 2021 @ 11:59 PM<br>Page 15 of 20<br>Implementing Artist object – ArtistMediaItem collection<br>Add an ArtistMediaItem design model class, probably with the same properties and constructor design that are in the<br>PhotoEntity code example’s dedicated media item class. It will be associated with an Artist which has a one-to-many<br>association with ArtistMediaItem.<br>Remember to add the DbSet<TEntity> property in the data context class. Build and run in a browser. It will show an<br>error, because the “model backing the “ApplicationDbContext” context has changed since the database was created.”<br>Add another migration and update the database, before continuing.<br>View model classes – ArtistMediaItem<br>A “…Base” class, with identifying and descriptive properties, is needed. Hint: Include the ContentType property as it will<br>be useful later.<br>A “…Content” class, for the digital content of the media item, is needed.<br>Next, we need to write the view model classes that handle the “add media item for a known/existing artist” workflow.<br>An “…AddForm” class is needed. As you have learned it MUST have an artist identifier, and it SHOULD have some<br>descriptive information about the artist, to display on the HTML Form.<br>An “…Add” class is needed. It MUST have the artist identifier, and the properties that capture information and data for<br>the media item.<br>Remember to add AutoMapper mappings to cover the use cases.<br>WEB524 – ASSIGNMENT #6 – WINTER 2021 DUE: APRIL 21, 2021 @ 11:59 PM<br>Page 16 of 20<br>Manager class method for “add media item for artist”<br>The design and coding approach will be like the one-to-many scenario where you are adding a new object for a<br>known/existing object. This approach has been implemented many times before:<br>• Add a new Product for an existing Supplier<br>• Add a new Vehicle for an existing Manufacturer<br>• Add a new Album for an existing Artist<br>• Add a new Track for an existing Album<br>Here, you are adding a new ArtistMediaItem for an existing Artist so follow this well-known coding pattern. Add in the<br>media-handling code, to extract and save the media item data from the HttpPostedFileBase object.<br>Artists controller “add new” media item handling<br>As you have already learned, when you are adding an item to a dependent collection, you start with the dependent<br>object. In other words, we work with the Artists controller and code the “add new” media item there. You have already<br>done that with the “add new” album use case, so do the same for “add new” media item. The Coordinator role claim<br>will be needed to complete this task.<br>Create the GET method and remember to use attribute routing. When you generate the view:<br>1. Change the BeginForm() constructor to specify the correct enctype.<br>2. Add the hidden ArtistId information.<br>At this point, your view may look something like the following:<br>Add the dedicated media item delivery controller and Manager method<br>Next, add the dedicated media item delivery controller. From the PhotoEntity code example, you should grab and<br>include the download-and-save functionality. Add a Manager class method that will deliver a media item object.<br>WEB524 – ASSIGNMENT #6 – WINTER 2021 DUE: APRIL 21, 2021 @ 11:59 PM<br>Page 17 of 20<br>Prepare to display the media items<br>Let’s modify the existing artist details view, and all its bits and pieces. We will create a new view model class,<br>ArtistWithMediaInfo (in a style to the PhotoEntity code example). Remember to add an AutoMapper map.<br>In the Manager class, create another “get one” method that will fetch/include the media items and return an object of<br>the new type. In the ArtistsController, call that new Manager method. You will have to change the model type in the<br>view too. At this point in time, build and run in a browser. The app should continue to work.<br>Displaying or rendering media items<br>There are many ways to display or render media items. Images and sounds can use the built-in HTML elements.<br>For other content – digital documents for example – the content can be rendered as a hyperlink that references the<br>media item. For best results, use the save-to-download feature for their URLs. If you want to render a text-based<br>hyperlink, do it. Alternatively, you can include icons in your app and render those as the hyperlink. For example, use<br>something like these:<br>WEB524 – ASSIGNMENT #6 – WINTER 2021 DUE: APRIL 21, 2021 @ 11:59 PM<br>Page 18 of 20<br>In the teacher’s sample solution, the media items were rendered in groups. For example, all the photos were rendered<br>first, then the sounds, then the digital documents.<br>Each group was rendered with “foreach” code but using only the desired media type. For example:<br><dt><br> Photos<br></dt><br><dd><br>@foreach (var item in Model.ArtistMediaItems.Where(m=>m.ContentType.Contains(“image/”)))<br>{<br> <div><br> <span>@item.Caption</span><br/><br> <img src=”~/media/@item.StringId” alt=”@item.Caption” title=”@item.Caption” width=”200”/><br> </div><br>}<br><hr/><br></dd> <br><br> </div> <!--content_text--> </article> <!--content--> </div> <!--Container End--> <aside id="sitebar"> <div class="sitebar_list"> <h4 class="sitebar_title">联系我们</h4> <div class="tagcloud nr"> <ul> <li>QQ： 99515681</li> <li>微信：codehelp</li> <li>邮箱：99515681@qq.com </li> <li>工作时间：8:00-21:00 </li> </ul> </div> </div> <div class="sitebar_list2"> <h4 class="sitebar_title2">Database辅导</h4> <ul class="sitebar_list_ul"> <li><a href="/contents/11/10886.html" target="_blank" title="代做CEG 2136 LAB 3 Arithmetic Logic Unit代做迭代"> 代做CEG 2136 LAB 3 Arithmetic Logic Unit代做迭代</a> </li> <li><a href="/contents/11/10885.html" target="_blank" title="代写ELEC ENG 3110 Electric Power Systems ELEC ENG 7074 Power Systems PG Semester 2, 2024 Assignment 1代"> 代写ELEC ENG 3110 Electric Power Systems ELEC ENG 7074 Power</a> </li> <li><a href="/contents/11/10884.html" target="_blank" title="代做Intermediate macro Assignment #2代写Web开发"> 代做Intermediate macro Assignment #2代写Web开发</a> </li> <li><a href="/contents/11/10883.html" target="_blank" title="代写CS-350 - Fundamentals of Computing Systems Homework Assignment #2 - EVAL代做留学生SQL语言程序"> 代写CS-350 - Fundamentals of Computing Systems Homework</a> </li> <li><a href="/contents/11/10882.html" target="_blank" title="代做LIN101 Fall, 2024 Homework 1代做Python编程"> 代做LIN101 Fall, 2024 Homework 1代做Python编程</a> </li> </ul> </div> <div class="sitebar_list2"> <h4 class="sitebar_title2"> Algorithm 辅导</h4> <ul class="sitebar_list_ul"> <li><a href="/contents/12/11316.html" target="_blank" title="代做CSSE7610 Assignment 2代做Java程序"> 代做CSSE7610 Assignment 2代做Java程序</a> </li> <li><a href="/contents/12/11315.html" target="_blank" title="代做SYE 4059/ MNE 3204 Homework #2代做留学生Python程序"> 代做SYE 4059/ MNE 3204 Homework #2代做留学生Python程序</a> </li> <li><a href="/contents/12/11314.html" target="_blank" title="代做COMPSCI 316: Cyber Security, Semester 2, 2024 Assignment 3代写数据结构程序"> 代做COMPSCI 316: Cyber Security, Semester 2, 2024 Assignment</a> </li> <li><a href="/contents/12/11313.html" target="_blank" title="代做COMP 455: Models and languages of Computation Homework Assignment 3代做留学生Matlab编程"> 代做COMP 455: Models and languages of Computation Homework</a> </li> <li><a href="/contents/12/11312.html" target="_blank" title="代做Overview – Final Test 125.740 – 2024 Semester 2代写数据结构语言程序"> 代做Overview – Final Test 125.740 – 2024 Semester 2代写数</a> </li> </ul> </div> <div class="sitebar_list2"> <h4 class="sitebar_title2">Web辅导</h4> <ul class="sitebar_list_ul"> <li><a href="/contents/13/10809.html" target="_blank" title="代写MAST10010: Data Analysis Assignment 2代写Java程序"> 代写MAST10010: Data Analysis Assignment 2代写Java程序</a> </li> <li><a href="/contents/13/10808.html" target="_blank" title="代做Strategic Management, 458-001, Fall 2024调试R语言"> 代做Strategic Management, 458-001, Fall 2024调试R语言</a> </li> <li><a href="/contents/13/10807.html" target="_blank" title="代做ECON 370 - 003 INTERNATIONAL TRADE Fall 2024代写C/C++编程"> 代做ECON 370 - 003 INTERNATIONAL TRADE Fall 2024代写C/C++编</a> </li> <li><a href="/contents/13/10806.html" target="_blank" title="代写MGMT 361: Operations Management - Fall 2024代做Java语言"> 代写MGMT 361: Operations Management - Fall 2024代做Java语言</a> </li> <li><a href="/contents/13/10805.html" target="_blank" title="代做IT5005 Assessment 2: Project: Web Implementation代做Java程序"> 代做IT5005 Assessment 2: Project: Web Implementation代</a> </li> </ul> </div> <div class="sitebar_list2"> <h4 class="sitebar_title2"><a href="/channels/14.html" target="_blank" style="color:white">其他</a></h4> <ul class="sitebar_list_ul"> <li><a href="/contents/14/2800.html" target="_blank" title="KIT205留学生讲解、辅导Data Structures、辅导Java/Python/C++程序设计 讲解数据库SQL|讲解数据库SQL"> KIT205留学生讲解、辅导Data Structures、辅导Java/Python/C++程</a> </li> <li><a href="/contents/14/2799.html" target="_blank" title="辅导ST104留学生、讲解STATISTICAL LABORATORY、R程序语言辅导、讲解R 讲解Database|辅导R语言编程"> 辅导ST104留学生、讲解STATISTICAL LABORATORY、R程序语言辅导、</a> </li> <li><a href="/contents/14/2798.html" target="_blank" title="COMP5347辅导、Web Applicaon讲解、Java编程语言调试、Java辅导 讲解数据库SQL|调试Matlab程序"> COMP5347辅导、Web Applicaon讲解、Java编程语言调试、Java辅导 </a> </li> <li><a href="/contents/14/2797.html" target="_blank" title="讲解comp20005、辅导Information Systems、C++编程语言调试、讲解C++ 辅导Python编程|解析Java程序"> 讲解comp20005、辅导Information Systems、C++编程语言调试、讲</a> </li> <li><a href="/contents/14/2796.html" target="_blank" title="辅导COMP4880/8880、讲解Resilience留学生、讲解Python程序、辅导Python语言 讲解数据库SQL|辅导留学生Prol"> 辅导COMP4880/8880、讲解Resilience留学生、讲解Python程序、辅</a> </li> <li><a href="/contents/14/2795.html" target="_blank" title="vector data辅导、python程序设计调试、讲解python、辅导OGR python 讲解Python程序|辅导Web开发"> vector data辅导、python程序设计调试、讲解python、辅导OGR</a> </li> </ul> </div> </aside> <div class="clear"></div> </div> <!--main--> <footer id="dibu" > <div class="dibu-main"> <div class="bleft"> <ul class="menu"> </ul> <div class="bottom bootom2"> © 2021 <a href="http://www.9daixie.com" title="辅导留学生程序网">辅导留学生程序网</a><br> 联系方式：QQ:99515681 微信：codehelp 电子信箱：99515681@qq.com <br> 本站所有信息来源于网络，仅供学习使用，版权和著作权归原作者所有，如有不愿意被转载的请通知我们删除。 </div> </div> </div> </div> <div class="footerRight pcDisplaynone"> <div class="footerCode"> <div class="code"> <img src="/images/weixin2.png" alt="python代写" /> </div> <div class="code-text"> 微信客服：codinghelp</div> </div> </div> </div> </footer> <span style="display:none"> <a href="/sitemap.xml" target="_blank">站长地图</a> </span> <!--dibu--> </body> </html>