MongoDB server:

Command prompt 1:

Cd \

Cd \”Program Files\MongoDB\Server\4.4\bin”

Cd \”Program Files\MongoDB\Server\4.4\bin”>[Link]

Command prompt 2:

Cd\

Cd \”Program Files\MongoDB\Server\4.4\bin”

Cd \”Program Files\MongoDB\Server\4.4\bin”>[Link]
For Seneca Server:
Command Prompt 3:

Create folder:

1. mkdir <file name>

2. cd <created file name>
3. npm init
4. npm install Seneca Seneca-entity Seneca-mongo-store –save-dev

[Link] code:

const seneca = require("seneca")();

seneca
.use("seneca-entity")
.use("seneca-mongo-store", {
uri: "mongodb://localhost:27017/CN03SEPDB"
})
.quiet()
.use(require("./EmployeeOperationsPlugin"))
.listen({type:"http",port: 7000},() => {
[Link]("Seneca Server istening on port 7000");
}
);
[Link]:

[Link] = function employeesearch(options) {

//----------------------Search Employee on Employee No -------------------
---------------------

[Link]({ component: "employeesearch", by: "empno" }, (args, respond) =>

{
[Link]("Search By Empno Microservices Hit....");
[Link]("Empno to be Searched = ",[Link]);
const employee = [Link]("employee");
[Link]$({ empno: parseInt([Link]) }, (err, emplist) => {
[Link]("Employee Data Retrieved = ",emplist);
let result = {};
if([Link] == 0)
{
[Link] = "Employee NOT Found";
}
else
{
[Link] = emplist[0];
}
respond(null, {data: result });
});
});
 //----------------------Retrieve All Employees -----------------------
-----------------

[Link]({ component: "employeesearch", by: "all" }, (args, respond)

=> {
[Link]("Search By All Microservice Hit....");

const employee = [Link]("employee");

[Link]$({}, (err, emplist) => {
[Link]("Employees Data Retrieved = ",emplist);
let result = {};
if([Link] == 0)
{
[Link] = "Employees NOT Found";
}
else
{
[Link] = emplist;
}
respond(null, {data: result });
});
});
//======================FOR INSERTION OF EMPLOYEE======================//

[Link]({ component: "insertemployee", by:"insert" }, (args, respond) => {

[Link]("Seneca accessed for Insertion.....");

[Link]("empno: ",[Link]);
[Link]("empname: ",[Link]);
[Link]("age: ",[Link]);
[Link]("salary: ",[Link]);

const employee = [Link]("employee");

[Link]=parseInt([Link]);
[Link]=[Link];
[Link]=parseInt([Link]);
[Link]=parseInt([Link]);

[Link]$(function(error,e){
[Link]("Employee Record Saved:",e);
respond(null,{data:e});
});
});
}

To see out put : node [Link]

Express gate way server:
Create a folder :

1. mkdir <filename>
2. cd <created file name>
3. npm init
4. npm express axios cors –save-dev

[Link] code:

let express = require('express');

let axios = require('axios');
let server = express(); // Express Server Created
let cors = require('cors');
const { response } = require('express');
[Link](cors()); // Permission Granted
//============= Search Employee By Empno =================================
[Link]('/byempno',(req,res)=>{
[Link]("Express Server accessed for Search by Empno")
let component = "employeesearch";
let by="empno";
[Link]("Empno to be searched = ",[Link]);
let
url="[Link]
[Link];
[Link]("URL for SenecaServer = ",url);
[Link](url)
.then((responseFromSeneca)=>{
[Link]([Link]);
[Link]();
})
.catch((err)=>{
[Link]("Some Error = ",err);
})

});
//============= Fetch All Employees =================================
[Link]('/byall',(req,res)=>{
[Link]("Express Server accessed for Search by Empno")
let component = "employeesearch";
let by="all";
let url="[Link]
[Link]("URL for SenecaServer = ",url);
[Link](url)
.then((responseFromSeneca)=>{
[Link]([Link]);
[Link]();
})
.catch((err)=>{
 [Link]("Some Error = ",err);
})
});

//========================INSERT
EMPLOYEE=====================================//

[Link]('/saveemployee',(request,response)=>{

let component='insertemployee';
let by='insert';
let empno=[Link];
let empname=[Link];
let age=[Link];
let salary=[Link];

let url=
"[Link]
mpname="+empname+"&age="+age+"&salary="+salary;

[Link](url)
.then((responseFromSeneca)=>{
[Link]([Link]);
[Link]();
}
)
.catch((error)=>{
[Link]("Error =",error);
})

});

//============================================================================
===
[Link](3000 , ()=>{
[Link]("Express Server Running on Port No 3000");
})
Angular:
Create a folder:

[Link] new <filename>

creating component:

[Link] g c <component name>

[Link] have used four components

[Link] g c listallemployees

[Link] g c searchemployeebyempno

3.3 ng g c insertemployee

reating service component

[Link] g s <component name>

we have used one service component

[Link] g s employeeservice

[Link]:
<div style="background-color: rgb(196, 81, 211);color: brown;text-align:
center;">
<br><br><br>
<h1>
<br><br><br>
App component
<br><br><br>
</h1>
<br><br><br>
<app-insertemployee></app-insertemployee>
<app-listallemployees></app-listallemployees>
<app-search-employeebyempno></app-search-employeebyempno>

</div>

[Link]:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class AppComponent {
title = 'angular';
}
[Link]:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './[Link]';
import { SearchEmployeebyempnoComponent } from './search-
employeebyempno/[Link]';
import { ListallemployeesComponent } from
'./listallemployees/[Link]';
import { FormsModule } from '@angular/forms';
import {HttpClientModule} from '@angular/common/http';
import { InsertemployeeComponent } from
'./insertemployee/[Link]'

@NgModule({
declarations: [
AppComponent,
SearchEmployeebyempnoComponent,
ListallemployeesComponent,
InsertemployeeComponent
],
imports: [
BrowserModule,FormsModule,HttpClientModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

[Link]:
<div style="background-color: lightcoral;color: rgb(2, 18,
34);"align="center">
<br>
<h2>List of All Employees</h2>
<br>
<table border="3px solid">
<thead>
<tr>
<th align="center">Employee No</th>
<th align="center">Employee Name</th>
<th align="center">Employee Age</th>
<th align="center">Employee Salary</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let e of employees">
<td align="center">{{[Link]}}</td>
<td align="center">{{[Link]}}</td>
 <td align="center">{{[Link]}}</td>
<td align="center">{{[Link]}}</td>
</tr>
</tbody>
</table>
<br>
<button (click)="getAllEmployees()">Retrieve and List All Employees </button>
<br><br>
</div>

[Link]:
import { Component, OnInit } from '@angular/core';
import { EmployeeService } from '../[Link]';

@Component({
selector: 'app-listallemployees',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class ListallemployeesComponent implements OnInit {
employees:any;
constructor(private es:EmployeeService) { }

ngOnInit(): void {
}
getAllEmployees()
{
[Link]().subscribe((empdata)=>{
[Link] = empdata;
})
}
}
[Link]:
<div style="background-color: greenyellow;color: indigo;text-align: center;">
<br>
<h2>Search Employee By Empno</h2>
<br>
Enter the Employee Number to be Searched : <input type="number"
[(ngModel)]="empno">
<br>
<button (click)="FetchEmployeeByEmpNo()">Search Employee on Empno</button>
<div align="center" style="font-size: 25px;color: honeydew;">
{{[Link]}}<br>
{{[Link]}}<br>
{{[Link]}}<br>
{{[Link]}}<br>
</div>
</div>

[Link]:
import { Component, OnInit } from '@angular/core';
import { EmployeeService } from '../[Link]';

@Component({
selector: 'app-search-employeebyempno',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class SearchEmployeebyempnoComponent implements OnInit {
empno:any;
employee:any;
constructor(private es:EmployeeService) { }

ngOnInit(): void {
}
FetchEmployeeByEmpNo()
{
[Link]([Link]).subscribe((data)=>{
[Link] = data;
})

}
[Link]:
i<div style="background-color: rgb(8, 48, 48);color: rgb(240, 228, 228);text-
align: center;">

<br><br><br>
<h1>
<br><br><br>
Insert Employee Component
<br><br><br>
Enter the Employee Id : <input type="number" [(ngModel)]="empno"><br>
Enter The Employee Name : <input type="text"
[(ngModel)]="empname"><br>
Enter the Employee Age : <input type="number" [(ngModel)]="age"><br>
Enter the Employee Salary: <input type="number"
[(ngModel)]="salary"><br>

<button (click)="saveemployee()">Save</button>
</h1>
<br><br><br>
</div>

[Link]:
import { Component, OnInit } from '@angular/core';
import { EmployeeService } from '../[Link]';
@Component({
selector: 'app-insertemployee',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class InsertemployeeComponent implements OnInit {
empno:any;
empname:any;
age:any;
salary:any;
constructor(private es:EmployeeService) { }
ngOnInit(): void {
}
saveemployee()
{
[Link]([Link],[Link],[Link],[Link]).subscri
be((data)=>{
alert("Employee Data Registered");
})
}
}
[Link]:
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
providedIn: 'root'
})
export class EmployeeService {

constructor(private http:HttpClient) { }
getAllEmployees()
{
return [Link]("[Link]
}
getEmployeeByEmpno(eno:any)
{
return [Link]("[Link]
}
saveemployee(eno:any,n:any,a:any,s:any){
return
[Link]("[Link]
&age="+a+"&salary="+s);
}
}

To see output: ng s
MongoDB server:
Command prompt 1:

Cd \

Cd \”Program Files\MongoDB\Server\4.4\bin”

Cd \”Program Files\MongoDB\Server\4.4\bin”>[Link]

Command prompt 2:

Cd\

Cd \”Program Files\MongoDB\Server\4.4\bin”

Cd \”Program Files\MongoDB\Server\4.4\bin”>[Link]
For Seneca Server:
Command Prompt 3:

Create folder:

1. mkdir <file name>

2. cd <created file name>
3. npm init
4. npm install Seneca Seneca-entity Seneca-mongo-store –save-dev

[Link] code:

const seneca = require("seneca")();

seneca
.use("seneca-entity")
.use("seneca-mongo-store", {
uri: "mongodb://localhost:27017/CN03SEP"
})
.quiet()
.use(require("./OfferOperationsPlugin"))
.listen({type:"http",port: 7000},() => {
[Link]("Seneca Server istening on port 7000");
}
);

[Link]:

[Link] = function offersearch(options){

//---------------------Search offer on plan---------------------------
[Link]({ component: "offersearch", by: "plan"}, (args, respond)=>{
[Link]("Search by plan MicroServices Hit.........");
[Link]("Plan to be Searched = ",[Link]);
const offer = [Link]("offer");
[Link]$({plan: parseInt([Link]) }, (err,offerlist)=>{
[Link]("Offer Details Retrieved = ",offerlist);
let result = {};
if([Link] == 0){
[Link] = "Offer Not Found";
}
else{
[Link] = offerlist[0];
}
respond(null, {data: result});
});
});

//--------------Retrieve All Offer-------------------------------------

[Link]({component: "offersearch", by: "all"}, (args,respond)=>{
[Link]("Retrieve by All offer microservices hit......");
const offer = [Link]("offer");
 [Link]$({}, (err, offerlist)=>{
[Link]("Offer Details Retrieved = ",offerlist);
let result = {};
if([Link] == 0){
[Link] = "Offer Not Found";
}
else{
[Link] = offerlist;
}
respond(null, {data: result});
});
});

//--------------------------Insert new offer------------------------

[Link]({component: "offersearch", by: "insert"}, (args,respond)=>{
[Link]("Insert Offer MicroServices Hit......");
[Link]("Id:",args._id);
[Link]("Plan:",[Link]);
[Link]("Data:",[Link]);
[Link]("Validity:",[Link]);
[Link]("SMS:",[Link]);
[Link]("Category:",[Link]);

const offer = [Link]("offer");

offer._id = parseInt(args._id);
[Link] = parseInt([Link]);
[Link] = [Link];
[Link] = [Link];
[Link]= [Link];
[Link] = [Link];
[Link]$((err,result)=>{
if(err){
[Link]("Some error in insertion");
}
else{
[Link]("success");
}
respond(null, {data: result});
});
});

To see out put : node [Link]

Express gate way server:
Create a folder :

1. mkdir <filename>
2. cd <created file name>
3. npm init
4. npm express axios cors –save-dev

[Link]:

let express = require('express');

let axios = require('axios');
let server = express();
let cors = require('cors');
[Link](cors());
//-----------------------------Search offer by plan---------------------------
-
[Link]('/byplan',(req,res)=>{
[Link]("Express Server accessed for Search by plan");
let component = "offersearch";
let by = "plan";
[Link]("Plan to be searched = ",[Link]);
let url =
"[Link]
plan;
[Link]("URL for SenecaServer = ",url);
[Link](url)
.then((responseFromSeneca)=>{
[Link]([Link]);
[Link]();
})
.catch((err)=>{
[Link]("Some Error = ",err);
})
});

//---------------------Retrieve all offer-------------------------

[Link]('/byall',(req,res)=>{
[Link]("Express Server accessed for all offer");
let component = "offersearch";
let by ="all";
let url= "[Link]
[Link]("Url for SenecaServer = ",url);
[Link](url)
.then((responseFromSeneca)=>{
[Link]([Link]);
[Link]();
})
.catch((err)=>{
 [Link]("Some Error = ",err);
})
});
//-------------------------Insert in offer------------------
[Link]('/saveoffer',(req,res)=>{
[Link]("Express Server accessed for Insert new offer");
let component = "offersearch";
let by = "insert";
let _id = [Link]._id;
let plan = [Link];
let data = [Link];
let validity = [Link];
let SMS = [Link];
let category = [Link];
[Link](_id,plan,data,validity,SMS,category);
let url =
"[Link]
"+plan+"&data="+data+"&validity="+validity+"&SMS="+SMS+"&category="+category;
[Link]("Url for SenecaServer = ",url);
[Link](url)
.then((responseFromSeneca)=>{
[Link]("Data Inserted");
[Link]([Link]);
[Link]([Link]);
[Link]();
})
.catch((err)=>{
[Link]("Some Error = ",err);
})
});

//============================================================================
===
[Link](3000 , ()=>{
[Link]("Express Server Running on Port No 3000");
})

To see out put: node [Link]

Angular:
Create a folder:

[Link] new <filename>

creating component:

[Link] g c <component name>

[Link] have used four components

[Link] g c listalloffers

[Link] g c searchoffersbyplan

3.3 ng g c inserteoffers

creating service component

[Link] g s <component name>

we have used one service component

[Link] g s offerservice

[Link]:

<div align="center">
<br><br><br>
<h1>Offer Operations</h1>
<br><br><br>
<app-insertoffer></app-insertoffer>
<br><br><br>
<app-listalloffer></app-listalloffer>
<br><br><br>
<app-searchofferbyplan></app-searchofferbyplan>
<br><br><br>
</div>

[Link]:
import { Component } from '@angular/core';

@Component({
selector: 'app-root',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class AppComponent {
title = 'myapp';
}
[Link]:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';

import { AppComponent } from './[Link]';

import { ListallofferComponent } from './listalloffer/[Link]';
import { SearchofferbyplanComponent } from
'./searchofferbyplan/[Link]';
import { InsertofferComponent } from './insertoffer/[Link]';
import { FormsModule } from '@angular/forms';

@NgModule({
declarations: [
AppComponent,
ListallofferComponent,
SearchofferbyplanComponent,
InsertofferComponent
],
imports: [
BrowserModule,FormsModule,HttpClientModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

[Link]:
<div align="center">
<br><br>
<h2>List of All the offers</h2>
<br><br>
<table border="3px solid">
<thead>
<tr>
<th align="center">Id</th>
<th align="center">Plan</th>
<th align="center">Data</th>
<th align="center">Validity</th>
<th align="center">SMS</th>
<th align="center">Category</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let o of offer">
<td align="center">{{[Link]}}</td>
<td align="center">{{[Link]}}</td>
 <td align="center">{{[Link]}}</td>
<td align="center">{{[Link]}}</td>
<td align="center">{{[Link]}}</td>
<td align="center">{{[Link]}}</td>
</tr>
</tbody>
</table>
<br>
<br>
<button (click)="getAllOffer()">Retrieve All offer</button>
<br><br>
</div>
[Link]:
import { Component, OnInit } from '@angular/core';
import { OfferService } from '../[Link]';

@Component({
selector: 'app-listalloffer',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class ListallofferComponent implements OnInit {
offer:any;
constructor(private os:OfferService) { }

ngOnInit(): void {
}
getAllOffer(){
[Link]().subscribe((offdata)=>{
[Link]= offdata;
})
}

[Link]:
<div align="center">
<br><br>
<h2>Search Offer By Plan</h2>
<br><br>
Enter the Plan to be Searched : <input type="number" [(ngModel)]="plan">
<br>
<button (click)="getOfferbyPlan()">Search Offer by Plan</button>
<div align="center" style="background-color:indigo; font-size: 20px;">
{{offer._id}}<br>
{{[Link]}}<br>
{{[Link]}}<br>
 {{[Link]}}<br>
{{[Link]}}<br>
{{[Link]}}<br>
</div>
</div>
[Link]:
import { Component, OnInit } from '@angular/core';
import { OfferService } from '../[Link]';

@Component({
selector: 'app-searchofferbyplan',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class SearchofferbyplanComponent implements OnInit {
plan:any;
offer:any;
constructor(private os:OfferService) { }

ngOnInit(): void {
}
getOfferbyPlan(){
[Link]([Link]).subscribe((data)=>{
[Link]=data;
})
}
}

[Link]:
<div align="center">
<br><br>
<h2>Insert New Offer Detail</h2>
<br><br>
<pre>
Enter Id : <input type="number" [(ngModel)]="_id">
Enter Plan value : <input type="number" [(ngModel)]="plan">
Enter Data Pack : <input type="text" [(ngModel)]="data">
Enter Validity of the pack : <input type="text" [(ngModel)]="validity">
Enter Number of SMS : <input type="number" [(ngModel)]="SMS">
Enter Category of Connection : <input type="string" [(ngModel)]="category">
<button (click)="saveOffer()">Save</button>
</pre>
<div>
{{ result }}
</div>
<br><br>
</div>
[Link]:
import { Component, OnInit } from '@angular/core';
import { OfferService } from '../[Link]';

@Component({
selector: 'app-insertoffer',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class InsertofferComponent implements OnInit {
_id:any;
plan:any;
data:any;
validity:any;
SMS:any;
category:any;
result:any;
constructor(private os:OfferService) { }

ngOnInit(): void {
}
saveOffer(){
[Link](this._id,[Link],[Link],[Link],[Link],this
.category).subscribe((data)=>{
[Link]= "Save Successfully!!!!";
});
}
}

[Link]:
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable({
providedIn: 'root'
})
export class OfferService {

constructor(private http:HttpClient) { }
getAllOffer(){
return [Link]("[Link]
}

getOfferbyPlan(plan:any){
return [Link]("[Link]
}
 saveOffer(_id:any, plan:number, data:any, validity:any, SMS:number,
category:string){
return
[Link]("[Link]
="+data+"&validity="+validity+"&SMS="+SMS+"&category="+category);
}
}

To see out put: ng s

MongoDB server:
Command prompt 1:

Cd \

Cd \”Program Files\MongoDB\Server\4.4\bin”

Cd \”Program Files\MongoDB\Server\4.4\bin”>[Link]

Command prompt 2:

Cd\

Cd \”Program Files\MongoDB\Server\4.4\bin”

Cd \”Program Files\MongoDB\Server\4.4\bin”>[Link]
For Seneca Server:
Command Prompt 3:

Create folder:

1. mkdir <file name>

2. cd <created file name>
3. npm init
4. npm install Seneca Seneca-entity Seneca-mongo-store –save-dev

[Link]:
const seneca = require("seneca")();
seneca
.use("seneca-entity")
.use("seneca-mongo-store", {
uri: "mongodb://localhost:27017/CN03SEP"
})
.quiet()
.use(require("./ProductOperationsPlugin"))
.listen({type:"http",port: 7000},() => {
[Link]("Seneca Server istening on port 7000");
}
);

[Link]:
[Link] = function productsearch(options) {
//----------------------Search Product on Product NO ---------------------
-------------------

[Link]({ component: "productsearch", by: "productno" }, (args, respond)

=> {
[Link]("Search By Productno Microservices Hit....");
[Link]("Empno to be Searched = ",[Link]);
const product = [Link]("product");
[Link]$({ productno: parseInt([Link]) }, (err,
productlist) => {
[Link]("Product Data Retrieved = ",productlist);
let result = {};
if([Link] == 0)
{
[Link] = "Product NOT Found";
}
else
{
[Link] = productlist[0];
}
respond(null, {data: result });
 });
});
//----------------------Retrieve All Product -------------------------
---------------

[Link]({ component: "productsearch", by: "all" }, (args, respond) =>

{
[Link]("Search By All Microservice Hit....");

const product = [Link]("product");

[Link]$({}, (err, productlist) => {
[Link]("Products Data Retrieved = ",productlist);
let result = {};
if([Link] == 0)
{
[Link] = "Product NOT Found";
}
else
{
[Link] = productlist;
}
respond(null, {data: result });
});
});

//--------------------------Insert new Product------------------------

[Link]({component: "productsearch", by: "insert"}, (args,respond)=>{
[Link]("Insert Offer MicroServices Hit......");
[Link]("ProductNo:",[Link]);
[Link]("Productname:",[Link]);
[Link]("Manufacturer:",[Link]);
[Link]("Price:",[Link]);

const product = [Link]("product");

[Link] = parseInt([Link]);
[Link] = [Link];
[Link] = [Link];
[Link] = parseInt([Link]);

[Link]$((err,result)=>{
if(err){
[Link]("some error in insertion");
}
else{
[Link]("success");
}
respond(null, {data: result });
});
 });

};
//============================================================================
====================

To see out put : node [Link]

Express gate way server:

Create a folder :

1. mkdir <filename>
2. cd <created file name>
3. npm init

npm express axios cors –save-dev

[Link]:
[Link] = function productsearch(options) {
//----------------------Search Product on Product NO ---------------------
-------------------

[Link]({ component: "productsearch", by: "productno" }, (args, respond)

=> {
[Link]("Search By Productno Microservices Hit....");
[Link]("Empno to be Searched = ",[Link]);
const product = [Link]("product");
[Link]$({ productno: parseInt([Link]) }, (err,
productlist) => {
[Link]("Product Data Retrieved = ",productlist);
let result = {};
if([Link] == 0)
{
[Link] = "Product NOT Found";
}
else
{
[Link] = productlist[0];
}
respond(null, {data: result });
});
});
//----------------------Retrieve All Product -------------------------
---------------

[Link]({ component: "productsearch", by: "all" }, (args, respond) =>

{
[Link]("Search By All Microservice Hit....");
 const product = [Link]("product");
[Link]$({}, (err, productlist) => {
[Link]("Products Data Retrieved = ",productlist);
let result = {};
if([Link] == 0)
{
[Link] = "Product NOT Found";
}
else
{
[Link] = productlist;
}
respond(null, {data: result });
});
});

//--------------------------Insert new Product------------------------

[Link]({component: "productsearch", by: "insert"}, (args,respond)=>{
[Link]("Insert Offer MicroServices Hit......");
[Link]("ProductNo:",[Link]);
[Link]("Productname:",[Link]);
[Link]("Manufacturer:",[Link]);
[Link]("Price:",[Link]);

const product = [Link]("product");

[Link] = parseInt([Link]);
[Link] = [Link];
[Link] = [Link];
[Link] = parseInt([Link]);

[Link]$((err,result)=>{
if(err){
[Link]("some error in insertion");
}
else{
[Link]("success");
}
respond(null, {data: result });
});
});

};
//============================================================================
====================

To see out put: node [Link]

Angular:
Create a folder:

[Link] new <filename>

creating component:

[Link] g c <component name>

[Link] have used four components

[Link] g c listallproducts

[Link] g c searchproductbyproductno

3.3 ng g c insertproduct

creating service component

[Link] g s <component name>

we have used one service component

[Link] g s productservice

[Link]:
<div align="center">
<br><br><br>
<h1>App Component</h1>
<br><br><br>
<app-insertproduct></app-insertproduct>
<br><br><br>

<app-listallproducts></app-listallproducts>
<br><br><br>
<app-searchproductbyproductno></app-searchproductbyproductno>
<br><br><br>
</div>

[Link]:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class AppComponent {
title = 'myapp';
}
[Link]:
import { HttpClientModule } from '@angular/common/http';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './[Link]';

import { ListallproductsComponent } from
'./listallproducts/[Link]';
import { SearchproductbyproductnoComponent } from
'./searchproductbyproductno/[Link]';
import { InsertproductComponent } from
'./insertproduct/[Link]';
@NgModule({
declarations: [
AppComponent,
ListallproductsComponent,
SearchproductbyproductnoComponent,
InsertproductComponent
],
imports: [
BrowserModule, FormsModule,HttpClientModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

[Link]:
<div align="center">
<br>
<h2>List of All Products</h2>
<br>
<table border="3px solid">
<thead>
<tr>
<th align="center">Product No</th>
<th align="center">Product Name</th>
<th align="center">Manufacturer</th>
<th align="center">Price</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let p of product">
<td align="center">{{[Link]}}</td>
<td align="center">{{[Link]}}</td>
<td align="center">{{[Link]}}</td>
 <td align="center">{{[Link]}}</td>
</tr>
</tbody>
</table>
<br>
<button (click)="getAllProducts()">Retrieve and List All Products </button>
<br><br>
</div>

[Link]:
import { Component, OnInit } from '@angular/core';
import { ProductService } from '../[Link]';

@Component({
selector: 'app-listallproducts',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class ListallproductsComponent implements OnInit {
product:any;
constructor(private ps:ProductService) { }

ngOnInit(): void {
}
getAllProducts(){
[Link]().subscribe((prodata)=>{
[Link] = prodata;
})
}

}
[Link]:
<div align="center">
<br>
<h2>Search Product by ProductNo</h2>
<br>
Enter the Product Number to be Searched : <input type="number"
[(ngModel)]="productno">
<br>
<button (click)="getProductbyProductNo()">Search Product on
ProductNo</button>
<div align="center" style="font-size: 25px;color: honeydew;">
{{[Link]}}<br>
{{[Link]}}<br>
{{[Link]}}<br>
{{[Link]}}<br>
</div>
</div>

[Link]:
import { Component, OnInit } from '@angular/core';
import { ProductService } from '../[Link]';

@Component({
selector: 'app-searchproductbyproductno',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class SearchproductbyproductnoComponent implements OnInit {
product: any;
productno: any;
constructor(private ps:ProductService) { }

ngOnInit(): void {
}
getProductbyProductNo(){
[Link]([Link]).subscribe((data)=>{
[Link] = data;
})
}

}
[Link]:
<div align="center">
<br><br>
<h2>Insert New Product</h2>
<br><br>
<pre>
Enter Product Number : <input type="number" [(ngModel)]="productno">
Enter Product Name : <input type="text" [(ngModel)]="productname">
Enter Manufacturer Name : <input type="text" [(ngModel)]="manufacturer">
Enter price : <input type="number" [(ngModel)]="price">
<button (click)="saveProduct()">Save</button>
</pre>
<div>
{{ result }}
</div>
<br><br>
</div>
[Link]:
import { Component, OnInit } from '@angular/core';
import { ProductService } from '../[Link]';

@Component({
selector: 'app-insertproduct',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class InsertproductComponent implements OnInit {
result:any;
productno:any;
productname:any;
manufacturer:any;
price:any;
constructor(private ps:ProductService) { }

ngOnInit(): void {
}
saveProduct(){
[Link]([Link],[Link],[Link],this
.price).subscribe((data)=>{
[Link]= "Save Successfully!!!!";
});
}

}
[Link]:
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
providedIn: 'root'
})
export class ProductService {

constructor(private http:HttpClient) { }

getAllProducts(){
return [Link]("[Link]
}

getProductbyProductNo(productno:any){
return
[Link]("[Link]
}

saveProduct(productno:any, productname:string, manufacturer:string,

price:any){
return
[Link]("[Link]
uctname="+productname+"&manufacturer="+manufacturer+"&price="+price);
}
}

To see out put: ng s

MongoDB server:
Command prompt 1:

Cd \

Cd \”Program Files\MongoDB\Server\4.4\bin”

Cd \”Program Files\MongoDB\Server\4.4\bin”>[Link]

Command prompt 2:

Cd\

Cd \”Program Files\MongoDB\Server\4.4\bin”

Cd \”Program Files\MongoDB\Server\4.4\bin”>[Link]
For Seneca Server:
Command Prompt 3:

Create folder:

1. mkdir <file name>

2. cd <created file name>
3. npm init
4. npm install Seneca Seneca-entity Seneca-mongo-store –save-dev

[Link] code:

const seneca = require("seneca")();

seneca
.use("seneca-entity")
.use("seneca-mongo-store", {
uri: "mongodb://localhost:27017/onlinebookdb"
})
.quiet()
.use(require("./UserOperationsPlugin"))
.listen({type:"http", port: 7000}, () => {
[Link]("Seneca Server listening on port 7000");
});
[Link] code:
[Link] = function usersearch(options) {

//------------------------------------- Search UserName ------------------

--------------------
[Link]({component: "usersearch", by: "username" }, (args, respond) => {
[Link]("Search By UserName Microservice Hit....");
[Link]("Username to be Searched = ", [Link]);
const users = [Link]("users");
[Link]$({ username: [Link]}, (err, userlist) => {
if(err)
{
[Link]("ERRORRR!!");
}
[Link]("User data retrieved = ", userlist);
let result = {};
if([Link] == 0)
{
[Link] = "Not Found";
}
else
{
[Link] = userlist[0];
}
respond(null, {data: result});
});
 });

//---------------------------------- Insert Record -----------------------

---------------------
[Link]({component: "userinsert", by: "insert"}, (args, respond) => {
[Link]("Insert Users Microservice Hit....");

[Link]("Name", [Link]);
[Link]("Username", [Link]);
[Link]("Password", [Link]);
[Link]("Email:", [Link]);

const users = [Link]("users");

[Link] = [Link];
[Link] = [Link];
[Link] = [Link];
[Link] = [Link];

[Link]$(function(err, u) {
[Link]("User Record Saved : ", u);
respond(null, {data: u});
});
});
};

To see out put : node [Link]

Express gate way server:

Create a folder :
1. mkdir <filename>
2. cd <created file name>
3. npm init
4. npm express axios cors –save-dev

[Link] code:

let express = require('express');

let axios = require('axios');

let app = express();

let cors = require('cors');

[Link](cors());

//---------------------------------------- Search Username -------------------

-------
[Link]('/byusername', (req,res)=> {
[Link]("Express Server accessed for Search by UserName...");
 let component = "usersearch";
let by = "username";

[Link]("Username to be searched =", [Link]);

let url =
"[Link]
[Link];
[Link](url)
.then((responseFromSeneca)=> {
[Link]("Data Found...!");
[Link]([Link]);
[Link]([Link]);
[Link]();
})
.catch((err)=> {
[Link]("Some Error = ", err);
})
});

//------------------------------------------- Insert User --------------------

-------------------
[Link]('/saveuser', (req,res)=> {
[Link]("Express Server accessed for Inserting users");
let component = "userinsert";
let by="insert";

let url =
"[Link]
name+"&username="+[Link]+"&password="+[Link]+"&email="
+[Link];
[Link]("URL for SenecaServer = ", url);
[Link](url)
.then((responseFromSeneca)=> {
[Link]("Data Inserted...");
[Link]([Link]);
[Link]([Link]);
[Link]();
})
.catch((err)=> {
[Link]("Some Error = ", err);
})
});
[Link](3000, ()=> {
[Link]("Express Server Running on Port No 3000");
})

To see out put: node [Link]

Angular:
Create a folder:

[Link] new <filename>

creating component:

[Link] g c <component name>

[Link] have used four components

[Link] g c books

[Link] g c catalog

[Link] g c login

[Link] g c register

creating service component

[Link] g s <component name>

we have used one service component

[Link] g s userservice

[Link]:
<h1 align="center">Galaxy Book Store</h1>
<hr>
<br>
<div>
<router-outlet></router-outlet>
</div>

[Link]:
import { Component } from '@angular/core';

@Component({
selector: 'app-root',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class AppComponent {
title = 'myapp';
}
[Link]:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { BooksComponent } from './books/[Link]';
import { LoginComponent } from './login/[Link]';
import { RegisterComponent } from './register/[Link]';

const routes: Routes = [

{ path: '', component: LoginComponent },
{ path: 'register', component: RegisterComponent },
{ path: 'ebook', component: BooksComponent }
];

@NgModule({
imports: [[Link](routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }

[Link]:
<!-- <p>login works!</p> -->
<!-- <div class="parent"> -->
<div class="center">
<br>
User Name:<br>
<input type="text" [(ngModel)]="username"><br><br>
Password:<br>
<input type="password" [(ngModel)]="password"><br><br><br>
<button (click)="login()">Login</button><br><br>
New User <a routerLink="/register">Click here</a>
<br><br>
</div>
<!-- </div> -->
[Link]:
import { Component, OnInit } from '@angular/core';
import { UserServiceService } from '../[Link]';
import { Router } from '@angular/router';

@Component({
selector: 'app-login',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class LoginComponent implements OnInit {

username: any;
password: any;
users: any;
constructor(private us: UserServiceService,
private router: Router) { }

ngOnInit(): void {
}
login()
{
[Link]([Link]).subscribe((data)=> {
//[Link](data);
if(data == "Not Found")
{
alert("Invalid Username/Password");
}
else
{
[Link] = data;
//[Link]([Link]);

if([Link] == [Link])
{
//[Link]("true");
[Link](['ebook']);
}
else
{
alert("Invalid Credentials");
}
}
})
}

}
[Link]:
<!-- <p>register works!</p> -->
<h2 align="center">Registration Form</h2>

<div>
<pre align="center">
Full Name: <input type="text" [(ngModel)]="fname"><br>
User Name: <input type="text" [(ngModel)]="uname"><br>
Password: <input type="password" [(ngModel)]="pwd"><br>
Confirm Password: <input type="password" [(ngModel)]="cpwd"><br>
Email: <input type="email" [(ngModel)]="mail">
<br>
<button (click)="save()">Submit</button>
</pre>
</div>

[Link]:
import { Component, OnInit } from '@angular/core';
import { UserServiceService } from '../[Link]';
import { Router } from '@angular/router';

@Component({
selector: 'app-register',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class RegisterComponent implements OnInit {

fname: any;
uname: any;
pwd: any;
cpwd: any;
mail: any;

constructor(private us: UserServiceService,

private router: Router ) { }

ngOnInit(): void {
}

save()
{
if([Link] == [Link])
 {
[Link]([Link], [Link], [Link],
[Link]).subscribe((data)=> {
//[Link](data);
alert("Thank you for registering!!!!");
[Link](['']);

})
}
else
{
alert("Password doesn't match");
}
}
}

[Link]:
<!-- <p>books works!</p> -->
<app-catalog></app-catalog>

[Link]:
import { Component, OnInit } from '@angular/core';

@Component({
selector: 'app-books',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class BooksComponent implements OnInit {

constructor() { }

ngOnInit(): void {
}

}
[Link]:
<!-- <p>catalog works!</p> -->

<div class="card" style="width: 18rem;" *ngFor="let b of book">

<img src='{{ [Link] }}' class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text" align="center"> {{ [Link] }} </p>
</div>
</div>

[Link]:
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-catalog',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class CatalogComponent implements OnInit {
imgUrl: any;
text: any;
constructor() { }

ngOnInit(): void {
}
book = [
{
imgUrl: '[Link]
[Link]',
text: 'Rs 345'
},
{
imgUrl: '[Link]
[Link]/images/I/41j1x70+n2L._SY344_BO1,204,203,200_.jpg',
text: 'Rs 430'
},
{
imgUrl: '[Link]
text: 'Rs 899'
},
{
imgUrl: '[Link]
text: 'Rs 599'
}
];

}
[Link]:
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
providedIn: 'root'
})
export class UserServiceService {

constructor(private http: HttpClient) { }

getDetails(u : any)
{
return [Link]("[Link]
}

insertRecord(n: any, u: any, p: any, e: any)

{
return
[Link]("[Link]
ord="+p+"&email="+e);
}
}

To see out put: ng s

MongoDB server:
Command prompt 1:

Cd \

Cd \”Program Files\MongoDB\Server\4.4\bin”

Cd \”Program Files\MongoDB\Server\4.4\bin”>[Link]

Command prompt 2:

Cd\

Cd \”Program Files\MongoDB\Server\4.4\bin”

Cd \”Program Files\MongoDB\Server\4.4\bin”>[Link]
For Seneca Server:
Command Prompt 3:

Create folder:

1. mkdir <file name>

2. cd <created file name>
3. npm init
4. npm install Seneca Seneca-entity Seneca-mongo-store –save-dev

[Link]:
[Link]=function booksearch(options){

[Link]({component:"booksearch",by:"all"},(req,res)=>{
[Link]("microservies hit...");

const book=[Link]("book");
[Link]$({},(error,blist)=>{
let result={};
if([Link]==0){
[Link]="book list not found";
}
else{
[Link]=blist;
}
res(null,{data:result});
})
})

[Link]({component:"booksearch",by:"title"},(args,res)=>{
[Link]("microservies hit...");

const book=[Link]("book");
[Link]$({title:([Link])},(error,blist)=>{
let result={};
if([Link]==0){
[Link]="book list not found";
}
else{
[Link]=blist[0];
}
res(null,{data:result});
})
})

}
[Link]:
let seneca=require('seneca')();
seneca
.use("seneca-entity")
.use("seneca-mongo-store",{
uri:"mongodb://localhost:27017/VENKATESH"
} )
.quiet()
.use(require('./senecaplugin'))
.listen({type:"http",port:7000},()=>{
[Link]("port 7000 running");
})
// let seneca=require("seneca")();
// seneca
// .use("seneca-entity")
// .use("seneca-mongo-store",{
// uri:"mongodb://localhost:27017/CN03SEPDB"
// })
// .quiet()
// .use(require('./senecaplugin'))
// .listen({type:"http",port:7000},()=>{
// [Link]("7000 port running");
// });
To see out put : node [Link]

Express gate way server:

Create a folder :

1. mkdir <filename>
2. cd <created file name>
3. npm init
4. npm express axios cors –save-dev

[Link]:
let express=require('express');
let axios=require('axios');
let app=express();
let cors=require('cors');

[Link](cors());

// [Link]('/book',(req,res)=>{

// let component="booksearch";
// let by="all";
// let url="[Link]

// [Link]("url",url)
// [Link](url)
// .then((response)=>{
// [Link]([Link]);
// [Link]();
// })
// .catch((err)=>{
// [Link]("some error",err);
// })

// })

[Link]('/book',(req,res)=>{
[Link]("express server reached");

let component="booksearch";
let by="all";
let url="[Link]
[Link]("url for senecaserver",url);

[Link](url)
.then((response)=>{
[Link]("data found");
[Link]([Link]);
[Link]();

})
.catch((error)=>{
[Link]("error ",error)

})

})
[Link]('/bytitle',(req,res)=>{
[Link]("express server reached");

let component="booksearch";
let by="title";
let
url="[Link]
[Link];
[Link]("url for senecaserver",url);

[Link](url)
.then((response)=>{
 [Link]("data found");
[Link]([Link]);
[Link]();

})
.catch((error)=>{
[Link]("error ",error)

})

})

[Link](3000,()=>{
[Link]("port 3000 runing");
})

To see out put: node [Link]

Angular:
Create a folder:

[Link] new <filename>

creating component:

[Link] g c <component name>

[Link] have used two components

[Link] g c fetchall

[Link] g c title

creating service component

[Link] g s <component name>

we have used one service component

[Link] g s bookservice
[Link]:
<div align="center" style="background-color: bisque;">
<h1>book details</h1>
</div>
<app-fetchall></app-fetchall>
<br>
<app-title></app-title>
[Link]:
import { Component } from '@angular/core';

@Component({
selector: 'app-root',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class AppComponent {
title = 'myapp';
}

[Link]:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import {HttpClientModule} from '@angular/common/http';

import { AppComponent } from './[Link]';

import { FetchallComponent } from './fetchall/[Link]';
import { FormsModule } from '@angular/forms';
import { TitleComponent } from './title/[Link]';

@NgModule({
declarations: [
AppComponent,
FetchallComponent,
TitleComponent
],
imports: [
BrowserModule,HttpClientModule,FormsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
[Link]:
<div align="center" style="background-color: aquamarine;">
<h1>Book store</h1>
<br>

<table border="3px solid">

<thead>
<tr>
<th>id</th>
<th>title</th>
<th>isbn</th>
<th>pageCount</th>
<th>publishedDate</th>
<th>thumbnailUrl</th>
<th>shortDescription</th>
<th>rating</th>
<th>authors</th>
<th>category</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let b of book">
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
</tr>
</tbody>
</table>
<br><br>
<button (click)="getAll()">Books</button>
<br><br>

</div>
[Link]:
import { Component, OnInit } from '@angular/core';
import { BookService } from '../[Link]';

@Component({
selector: 'app-fetchall',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class FetchallComponent implements OnInit {
book:any;
constructor(private bs:BookService) { }

ngOnInit(): void {
}

getAll(){
[Link]().subscribe((data)=>{
[Link]=data;
})
}

[Link]:

<div align="center" style="background-color:cadetblue;">

<h1>Book store</h1>
<br>
Enter the title anme:<input type="text" [(ngModel)]="title">
<br><br>

<table border="3px solid">

<thead>
<tr>
<th>id</th>
<th>title</th>
<th>isbn</th>
<th>pageCount</th>
<th>publishedDate</th>
<th>thumbnailUrl</th>
<th>shortDescription</th>
<th>rating</th>
<th>authors</th>
<th>category</th>
</tr>
</thead>
 <tbody>
<tr>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
<td>{{[Link]}}</td>
</tr>
</tbody>
</table>
<br><br>
<button (click)="getByTitle()">Books</button>
<br><br>

</div>
[Link]:
import { Component, OnInit } from '@angular/core';
import { BookService } from '../[Link]';

@Component({
selector: 'app-title',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class TitleComponent implements OnInit {
title:any;
book:any;
constructor(private bs:BookService) { }

ngOnInit(): void {

}
getByTitle(){
[Link]([Link]).subscribe((data)=>{
[Link]=data
})
}

}
[Link]:
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable({
providedIn: 'root'
})
export class BookService {

constructor(private http:HttpClient) { }
getAll(){
return [Link]("[Link]
}
getByTilte(title:any){
return [Link]("[Link]
}

To see out put: ng s