Library Management with Frappe Framework
Who is this for? What are we building?
Who is this for?
What are we building?
A list of resources to help you get started with building apps using Frappe.
Python
MariaDB / Postgres
HTML / CSS
JavaScript / jQuery
Jinja Templating
Git / GitHub
Bench is the command line tool to manage Frappe apps and sites.
Installation
Create the frappe-bench directory
Directory Structure
Start the Bench Server
Create a frappe app scaffold using the bench CLI.
Create app
App directory structure
A site comes with a database and apps can be installed on it.
Create a new site
Site Directory Structure
Access site in your browser
Install app on site
Login to Desk
Site commands
DocType is analogous to a Model in other frameworks. Apart from defining properties, it also defines the behavior of the Model.
Enable Developer Mode
Creating a DocType
What happened when you created the Article DocType?
In the previous chapter, we created the Article doctype. Let's see what other features we can customize.
Naming
Form Layout
Form Settings
Permissions
Controller methods allow you to write business logic during the lifecycle of a document.
Controller Methods
Let's learn about the different types of doctype in the framework by creating more doctypes.
Library Membership
Linked DocTypes
Submittable DocTypes
Controller Validation for Membership
Library Transaction
Validation for Transaction
Library Settings
Single DocTypes
Validation for Library Settings
Form Scripts are client-side javascript code that enhances the UX of your Forms.
Form Scripts
Portal pages are server rendered pages for your website visitors.
Portal Pages
Customize Web View Template
The goal of this tutorial was to give an introduction to the various parts of the framework. We have only scratched the surface here. Frappe Framework has a lot more features that have enabled us to build complex software such as ERPNext.
What's Next?
Need Help?
This quiz has a few basic questions on what we have learned so far. It will give you an idea of how well you have understood the lessons.
Practice
Now that you have completed this tutorial and created the Library Management App using the Frappe Framework, its time you create an app on your own
Accounting App
Features
All Courses Library Management with Frappe Framework Portal Pages
Portal Pages
Faris Ansari
May 19, 2021

Portal pages are server rendered pages for your website visitors.

We have been exclusively working with the Desk which is the admin interface accessible by System Users. Usually you will want to give limited access to your customers. In our case, we want Library Members to be able to view available Articles that they can issue from our website. Portal Pages can help us achieve that.

Go to Article doctype, and scroll down to the Web View section.

  1. Enable Has Web View and Allow Guest to View
  2. Enter articles in the Route field
  3. Add a field named Route in the fields table
  4. Click on Save

Article Web View

We have now enabled web views for Article doctype. This means you can now view details of an Article on your website without logging into Desk. Let's test this out by creating a new Article. You should see See on Website at the top left of your form. Click on it to view the web view of the Article.

Article Web Page

Questions
Not found "Web View"
I Ivan_Gu
4 months ago
Post
Dismiss
Not found "Web View"
Not found "Web View"
Want to discuss?
Post it here, our mentors will help you out.
Everything worked fine for me !
AB Amin Benkhaled
1 year ago
Post
Dismiss
The see on website appears after the creation of a new Article
The see on website appears after the creation of a new Article
Want to discuss?
Post it here, our mentors will help you out.
This must be a BUG in documentation
IS Indic Software
1 year ago
Post
Dismiss
Cannot find the setting for Web. I think need to update documentation here. Now that Frappe 14 is coming the need to update documentation is all the more urgent.
Cannot find the setting for Web. I think need to update documentation here. Now that Frappe 14 is coming the need to update documentation is all the more urgent.
Mlaynimes GamerXD
5 months ago
Post
Dismiss
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
Mlaynimes GamerXD
5 months ago
Post
Dismiss
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
Mlaynimes GamerXD
5 months ago
Post
Dismiss
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
Mlaynimes GamerXD
5 months ago
Post
Dismiss
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
Mlaynimes GamerXD
5 months ago
Post
Dismiss
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
Mlaynimes GamerXD
5 months ago
Post
Dismiss
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
Mlaynimes GamerXD
5 months ago
Post
Dismiss
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
Mlaynimes GamerXD
5 months ago
Post
Dismiss
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
Mlaynimes GamerXD
5 months ago
Post
Dismiss
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
Mlaynimes GamerXD
5 months ago
Post
Dismiss
go to your doctype you created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
go to your doctype you created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
Mlaynimes GamerXD
5 months ago
Post
Dismiss
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
Mlaynimes GamerXD
5 months ago
Post
Dismiss
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
Mlaynimes GamerXD
5 months ago
Post
Dismiss
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
go to your doctype your created and uncheck custom. And to get web Form you will need to be inside of your doctype on the connections tabs you will found the web form
Want to discuss?
Post it here, our mentors will help you out.
No "See on Website"
C CQ
2 years ago
Post
Dismiss
follow the process but there is no "See on Website" on the Article page.
follow the process but there is no "See on Website" on the Article page.
AA Ahmed Ashour
1 year ago
Post
Dismiss
same here, but managed to display the page, when you create an article, the route field will be populated with the following: articles/<your_article_name> .. if you visit library.test:8000/articles/<your_article_name> .. you will find the page
same here, but managed to display the page, when you create an article, the route field will be populated with the following: articles/<your_article_name> .. if you visit library.test:8000/articles/<your_article_name> .. you will find the page
TJ Tim Jeanmart
7 months ago
Post
Dismiss
You have to uncheck "Custom?" on Article to see Web View section
You have to uncheck "Custom?" on Article to see Web View section
Want to discuss?
Post it here, our mentors will help you out.