Web Programming with Python and JavaScript
This website is a news article subscribe platform powered by Django. In this platform, readers can search for articles arbitrarily or browse the latest articles in the article plaza.
For editors, they can upload articles in a format of HTML, and also can set a paywall for any article. And readers can donate to become a subscriber to browse the full article section.
In the main page, you can search text in any part of articles by input any words in the center input box, and click "Search" button.
Besides, if you just want to read something new, just click "Article Plaza" button on the top, and you will get some articles randomly. Additionally, you don't need to log in for those actions.
In the result page, you can get articles with title, a simple brief and its author(s). If you don't satisfied with those results, you can continue to search in the top search bar.
If are are interested in some articles, you can click the title of the card, and you will be redirected to the full article page.
Additionally, the discovery page is as same as result page, except the article list.
In the article page, the detail of one article will be displayed, such as the title, author(s), publish date, and the most important part, the full text.
If the article has the subscriber-only part, there will leave a subscribe prompt.
Besides, if you are not logging in, it will also display a login prompt.
But, how to read the full article? Don't worry, let's move on!
Before becoming a subscriber, you need to login to allow the platform to remember you. Just input the username and password in the form below.
Don't have an account? I have 100 pre-registered accounts! They are "user1" to "user100". And the default password are all "user"!
After logging in, you can click the "Become Subscriber" button in the top navigation bar to go into the shop page. In this page, you will bind credit card to this account. (It will not debit your actual account)
You can input your credit card number and the money you want to recharge to the account. The phone field is reserved for further extend.
After recharging to your account, you can become a subscriber here. You can donate any number of money to become a subscriber so far.
Maybe you are confused why don't donate directly. Hmmm, this can be regarded as a reserved function. (Such as having a VVIP or evolving to a finance management platform.╰(￣▽￣)╮)
Then you have the authority to read the full article.
For the display reason, the paywall dividing line is displayed, you can close it by yourself.
Super user is a feature provided by Django. The super user can manipulate all data in the backend management dashboard, just like God.
Super user can also have a view of all users.
Editor or author is the person who can upload articles. They are in a "group" named "Editors", which only has the authority to add/change/delete/view articles in the backend dashboard.
Comparing with super user, editor can only access article data.
The example editor account is: username: "editor", password: "123editor123".
Article is one of the most important entities of the platform. Article has fields like title, author, publish date, brief, free part and full part.
Editor can only manipulate articles. If editors want the article to be totally free, they can set the "Full part" as None, literally.
And then, the article will be stored and become visitable.
git clone https://github.com/ESWZY/cs50web-final-project.git
cd cs50web-final-project
pip install -r requirements.txtWhen the dependent packages are installed, you can run this command to run your server.
python manage.py runserverRun those following commands to migrate database.
python manage.py makemigrations
python manage.py migrateOr you can run this command to shell window.
python manage.py shellHeroku's filesystem is ephemeral, any changes you make to files will be lost the next time your dyno restarts, which happens frequently (at least once per day).
Since SQLite is a file-based database it is incompatible with Heroku.
Forget it!
It's possible to deploy on PythonAnywhere!
Tutorial article:
https://www.dj4e.com/assn/dj4e_install.md
https://help.pythonanywhere.com/pages/DeployExistingDjangoProject
and
https://help.pythonanywhere.com/pages/DjangoStaticFiles
The link is here: http://eswzy.pythonanywhere.com/
The final website looks like:
Thanks for all people make CS50's Web Programming with Python and JavaScript possible. Especially, thanks for Brain Yu's excellent lecture and his "great question", which motivate me to finish the course study.
April 28, 2020