Posts

Showing posts from 2018

how to install postman in ubuntu

snap install postman sudo apt install snapd snapd-xdg-open

how to create database in sql workbench

Image
\

Angular 7 CRUD

Image
Angular 7 just released a few weeks ago, it comes with a few new feature and improvements. In this article, we will be creating an Angular application. I will explain step by step tutorials from scratch and perform CRUD operations. We will use a separate backend using PHP/MySql and accessing by Angular 7. The following tools, frameworks, and modules are required for this tutorial: Node.js (recommended version) Angular 7 CLI Angular 7 Express and MongoDB API Terminal (Mac/Linux) or Command Line (Windows) IDE (Web Strom Recommended) Wamp Server (Windows) We will create two separate projects. One is for Angular, and one is for PHP Web API. That means one for frontend and one for the backend. First, we will install Angular 7 using Angular CLI, and then we will continue to develop the frontend and backend. Install Angular 7 If you have an older Angular CLI version, then you can run the following command to install the latest versions. npm install -g @angular/cli type the fo...

Integrate Data table with Angular 7 Application  Zero Configuration.

reference:: https://medium.com/ramsatt/integrate-datatable-with-angular-6-application-part-1-zero-configuration-9c8dd44da5fa DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, build upon the foundations of progressive enhancement, that adds all of these advanced features to any HTML table. Create Project: Create a new project using angular CLI generator. using the following command to create new project. ng new angularDatatable Install Dependencies: Install the following dependencies using npm. npm install jquery --save npm install datatables.net --save npm install datatables.net-dt --save npm install @types/jquery --save-dev npm install @types/datatables.net --save-dev project Configuration: you need to import the jquery and datatable scripts files into  angular.json file. Into the styles section you need to import  CSS  files. Into the script section you need to import  JS  files. Example code is given...

angular examples

how to create header  and routing concept  in angular7 : reference link https://coursetro.com/posts/code/171/Angular-7-Tutorial---Learn-Angular-7-by-Example

how to get data dynamically using chartjs

index.html::::    <div id="chart-container">         <canvas id="graphCanvas" class="chartjs-render-monitor"></canvas>          </div>    <script>         $(document).ready(function () {             showGraph();         });         function showGraph()        {        $.post("<?php echo get_template_directory_uri() ?>/tsdatachart.php",        function (data)        {        debugger;        // console.log(data[0].PollResults2018);        console.log(data);        var PartyShortName = []; variable declaration        var PollResults = [];         variable declaration ...

PHP Tutorial

PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages. PHP is a widely-used, free, and efficient alternative to competitors such as Microsoft's ASP. how to retrive data in php: $sqlts = "select * from states "; $rests= $conn->query($sqlts); in html using: <?php     if ($rests->num_rows > 0) {     while ($row = $rests->fetch_assoc()) {     ?>  write the code here....... for example <tr><?php echo $row["state"]; ?> </tr> $row["state"] is the table column name in database. <?php }}?> Php Ajax Display Dynamic mysql data in bootstarp model:: https://www.webslesson.info/2016/09/php-ajax-display-dynamic-mysql-data-in-bootstrap-modal.html