COMP3019J程序写作、Web编程语言程序

” COMP3019J程序写作、Web编程语言程序Beijing-Dublin International CollegeSEMESTER 2 RESIT EXAM – (2019/2020)School of Computer ScienceCOMP3019J Web Application DevelopmentTime Allowed: 120 minutesInstructions for Candidates:This is a programming exam. Read the question paper carefully and writecode to satisfy The requirement.BJUT Student ID: UCD Student ID:I have read and clearly understand the Examination Rules of both Beijing University of Technologyand University College Dublin. I am aware of the Punishment for Violating the Rules ofBeijing University of Technology and/or University College Dublin. I hereby promise to abideby the relevant rules and regulations by not giving or receiving any help during the exam. Ifcaught violating the rules, I accept the punishment thereof.Honesty Pledge: (Signature)Instructions for InvigilatorsNo rough-work paper is to be provided for candidates.BDIC Semester 2 Academic Year (2019/2020)This resit exam is based on the skeleton code that has been given toyou. You are required to make modifications to the skeleton code toadd/modify features. At the end of the exam, you are required to createa zip file containing only the blogapp directory, and submit it onMoodle. Please do NOT send any other code or documents. The zipfile must be named: [your-ucd-student-id].zip. If you are unable toupload to Moodle, please send the zip file to shenduojia@bjut.edu.cnQuestion 1: Flask-Based Microblog1. Modify the static HTML page of the microblog to add the table as shownin the figure belowCOMP3019J作业写作、Web编程语言作业2. Modify the Appearance of the table you created in the previous questionby applying CSS. Note: You must only modify the css file and nothingelse. After applying the CSS, your table should look like the figure below(10)Page 2 of 5BDIC Semester 2 Academic Year (2019/2020)3. Modify the menu that the user sees, when the website is first loaded, sothat the user is able to see a link that says Show all posts like the figurebelowClicking on the link should show the user all the posts that have beenadded to the system by various users and the time at which they addedit. Note: the user should not need to login for this. Create a templatecalled allposts.html for showing the result. The resulting page shouldlook like below(10)Page 3 of 5BDIC Semester 2 Academic Year (2019/2020)4. Add Javascript to the appropriate file (myjs.js), such that when the usergoes to the signup link and tries to register, it checks the password fieldfor the following features:(a) The password must be at least eight (8) characters in length(b) The password must begin with either a number (0 9) OR a capitalletter (A – Z)The Javascript should check the password field, when the user finishes enteringthe password and goes to the next field (which is Repeat Password).The Javascript should check condition (a) before condition (b), and itshould alert the user at the first failure. The screen should look like oneof the screens below (depending on the condition that failed)(20)5. Add a feature to the site, so that when a user logs in, they can see anotheroption, Both in the menu at the top as well as on the webpage, to seetheir own previous posts. Create a new template called prev posts.htmlto show the posts. The screen should look like the one below:Clicking on the Show previous posts link should show the user only theposts that they have made, themselves. If there are no posts made by theuser, the screen should look like below:Page 4 of 5BDIC Semester 2 Academic Year (2019/2020)If there are any posts, then the screen should look like below:(30)6. Modify the existing code for Write a micro post so that when the userfinishes writing the post, they are taken to the screen that shows theirprevious posts. For example, if I write a new post saying My secondpost, then clicking on the Add Post button should take me to the Showprevious posts screen. The screen would then look like below:(20)(Sub-total for the section: 100)Total marks for the paper: 100Page 5 of 5如有需要，请加QQ：99515681 或邮箱：99515681@qq.com

“