amelieykw amelieykw

Syntax

《跟老齐学Python》(入门教程)

Data Structure

Problem Solving with Algorithms and Data Structure using Python 中文版

Django

One typical workflow in creating Django apps is to "create models and get the admin sites up and running as fast as possible", so your staff (or clients) can start populating data. Then, develop the way data is presented to the public.

1. Design your model

Object-relational mapping (ORM, O/RM, and O/R mapping tool)

object-relational mapper in which you describe your database layout in Python code data-model syntax

E.X.

from django.db import models

Dynamic behavior means the behavior of the system when it is running/operating.

5 diagrams to model Dynamic behavior :

Use Case
activity
sequence
collaboration
Statechart

Use Case Diagram

Score table

CREATE TABLE `score` (
  `playerid` int(10) unsigned NOT NULL AUTO_INCREMENT,
  `score` int(11) DEFAULT '0',
  PRIMARY KEY (`playerid`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

Score table data

Grails Programmer : How to integrate Chart.js to load Dynamic JSON data in a Grails 3 application?

This Gist Responsive Chart.js Example with AJAX callback inspired this article. A HTML snippet which includes JavaScript. It demonstrates how to display a graph of the library Chart.js with JSON data obtained asynchronously using jQuery.

<div class="panel panel-default">
    <div class="panel-heading">Doughnut chart using displayChart() and data_1 controller action</div>

Adding and removing data is supported by changing the data array. To add data, just add data into the data array as seen in this example.

function addData(chart, label, data) {
    chart.data.labels.push(label);
    chart.data.datasets.forEach((dataset) => {
        dataset.data.push(data);
    });
    chart.update();
}

	<!DOCTYPE html>
	<html>
	<title>W3.CSS</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
	<body>

	<div class="w3-container">
	<h2>Filter Dropdown Click</h2>
	<p>Click on the dropdown and search for a specific link inside the input field.</p>

	<div style="width: 50%">
	<canvas id="canvas" height="450" width="600"></canvas>
	</div>

	<div style="width: 50%">
	<canvas id="canvas2" height="450" width="600"></canvas>
	</div>

	/* Returns either the index of the location in the array,
	or -1 if the array did not contain the targetValue */
	var doSearch = function(array, targetValue) {
	var min = 0;
	var max = array.length - 1;
	var guess;
	var guessTimes = 0;
	while(max >= min){
	guessTimes++;
	guess = Math.floor((max+min)/2);