In Enterprise Application course, we are to set up an web application to help business process in enterprise. Our team decide to develop a Human Resource Management Web Application which modules include recruitment, benefits and payroll. We are also required to post tutorial on how we build this application, and so here it is:
Introduction to AngularJS AngularJS is a JavaScript Framework that lets you extend HTML vocabulary for your application. It is a fully client-side framework that implements the Single-Page Application principles. AngularJS’s templating is based on bidirectional UI Data-Binding. Data-binding is an automatic way of updating the view whenever the model changes, as well as updating the model whenever the view changes. The HTML template is compiled in the browser. The compilation step creates pure HTML, which the browser re-renders into the live view. The step is repeated for subsequent page views. In traditional server-side HTML programming, concepts such as controller and model interact within a server process to produce new HTML views. In the AngularJS framework, the controller and model states are maintained within the client browser. Therefore, new pages are capable of being generated without any interaction with a server.
Tutorial of AngularJS With Database Here we will give some tutorial on how to develop AngularJS with connection to database. This will be a continuation to our previous post: Enterprise Application Final Project: AngularJs
Project Structure:
– Project_Title
– app (Folder)
– admin (Folder)
– adminService.js
– recruitment_detail.html
– recruitment_detail.js
– attendance (Folder)
– css (Folder)
– employee (Folder)
– home (Folder)
– home.html
– home.js
– img (Folder)
– login (Folder)
– login.html
– login.js
– loginService.js
– recruitment (Folder)
– recruitment.html
– recruitment.js
– recruitmentService.js
– app.js
– index.html
adminService.js
change the code for the adminRecruitService into this:
recruitment_detail.js
change the code for the getRecruits() in the controller into this:
Now you are done with the code for AngularJS. However, you won’t be able to access database yet. To do that we need backend. We are using NodeJs for out project. Let’s continue to the NodeJs tutorial
*********************************************************
Chelsy 1701319994 Evelyn Kharisma 1701320825 Fansi Lantana 1701341741 Janis Giovani Tan 1701320560