http://ocw.cs.pub.ro/courses/ 2026-04-05T12:08:02+03:00 http://ocw.cs.pub.ro/courses/ http://ocw.cs.pub.ro/courses/lib/tpl/arctic/images/favicon.ico text/html 2024-04-01T21:59:27+03:00 http://ocw.cs.pub.ro/courses/ii/labs/s2/03/tasks/01?rev=1711997967&do=diff 01. [40p] Splitting web pages into Jinja2 templates First, [download the lab archive]. We now want to move the design from last time (a static html file) to use Flask Jinja2-based template rendering. For this, you must: * Migrate / split the HTML code into templates/_base.html (base template) and templates/index.html (child); * Note: use Jinja2 template inheritance and content blocks; * Make sure to eliminate any duplicate code (the _base.html template should contain the common layou… text/html 2024-04-01T21:39:24+03:00 http://ocw.cs.pub.ro/courses/ii/labs/s2/03/tasks/02?rev=1711996764&do=diff 02. [30p] Mock Authentication Now, it's the time to add authentication to our website. * Use a server-side session to store the user's state (e.g., an authenticated bool + username string keys). * Don't forget to set a secret_key for the session, otherwise it won't work! text/html 2024-04-01T21:39:31+03:00 http://ocw.cs.pub.ro/courses/ii/labs/s2/03/tasks/03?rev=1711996771&do=diff 03. [30p] Advanced: File Database We want to store some of the user's personal data into a simple file-based “database” on the server. * Check the account-details.html template page for any TODOs there! * Ultimately, the form inputs should be pre-filled with the values stores inside the database! * Use the value HTML attribute on the <input> tags to write them from Jinja templates; text/html 2024-04-01T21:39:41+03:00 http://ocw.cs.pub.ro/courses/ii/labs/s2/03/tasks/04?rev=1711996781&do=diff 04. [20p] Bonus: file upload Bonus task: add a upload image input inside the account-details that uploads a file to the public/images/profile subfolder (also: create it!): * Use type=“file” attribute on the <input>; * Use multipart/form-data encoding type attribute on the <form> (Google it!); * Inside the Flask route function: * Actually, Read The Fine Manual for this!