Web从入门到放弃<1>

HTML大法:

<01>

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>HoudiniVFX</title>

</head>

<body>

<h1>第一个标题</h1>

<h2>第二个标题</h2>

<h3>第三个标题</h3>

<p>段落test</p>

<p>段落是由p开始的</p>

</body>

</html>

<02>style基础和跳转

<!DOCTYPE html>

<html lang="en">

<!-- this header define -->

<head>

    <meta charset="UTF-8">

    <title>a02</title>

</head>

<!-- this is horizon line-->

<hr/>

<body bgcolor="#a0522d">

<h1 align="center">Web Page by gearslogy</h1>

<p align="center"> Click paragraph will jump 163.com </p>

<a href="http://www.163.com">

    <p align="center">this is hyper link</p>

</a>

<!-- this is horizon line-->

<hr/>

</body>

</html>

<03>文本换行

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>HTML change new line</title>

</head>

<body>

<!-- "this is new horizon line" -->

<hr/>

<!-- use <br/>  to change new line-->

<p align="center">this is<br/> a paragraph </p>

</body>

</html>

<04>style基础,字体，对齐,颜色

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>StyleTest</title>

</head>

<body style="background-color: chocolate">

<h1 style="background-color: aliceblue;text-align: center">主题1</h1>

<p style="background: white">段落1</p>

<p style="font-family:Consolas"> this use Consolas font format</p>

<p style="font-family:Meiryo UI;color: blanchedalmond;font-size:20px;text-align: center">this use MeiryoUI font format</p>

</body>

</html>

<05> <pre></pre> , <b></b>

傻逼转义符:

< 是&lt

>是&gt

&是&amp

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>TextFormat</title>

</head>

<body style="background-color: darkgray">

<h1 style="text-align: center;font-family: Consolas;"> <b>C++/Python Loop</b> </h1>

<hr/>

<!-- Introduce Header-->

<pre style="background-color: gray;

color: darkorange;border-bottom-width: 1px;

border-radius: 10px;

border-bottom-color: blue;

border-bottom-style:double;

font-family:Consolas;

font-size: 20px;">

<b>Introduce what's the loop

C++/Python</b>

</pre>

<!-- two blank lines-->

<br/>

<!-- Python Content-->

<pre style="background-color: wheat;color:black;

border-bottom-style: double;border-bottom-width: 1px;

border-bottom-color: darkorange;font-family: Consolas;

border-radius: 10px;">

<strong># A simple python code that represent how to use xrange:</strong>

<i>for x in xrange(0,100):

    if x is 10:

        continue

    print x</i>

</pre>

<!-- C++ Content-->

<pre style="background-color: wheat;color:black;

border-bottom-style: double;border-bottom-width: 1px;

border-bottom-color: darkorange;

font-family: Consolas;

border-radius: 10px;">

<strong># A C++ code that represent how to use foreach:</strong>

<i>std::for_each(values.begin(),values.end(),Function)</i>

<i>for(auto &amp v; values)

{

    std::cout &lt&lt v &lt&lt std::endl;

}

</i>

</pre>

<p style="text-align: center"> Keyword: &lth1&gt , &ltpre&gt </p>

</body>

</html>

========================== ========================== 分界线必须牛逼 ========================== ========================== ========================== ==========================

Django:

django/flask 选那个，网络上各有各的说法，先搞搞重重的django

<1>BASIC:

django-admin startproject mysite 开始工程

python manage.py runserver 开启服务

python manage.py runserver 8080 指定8080端口

python manage.py startapp polls 创建一个polls app

修改polls/views :

# -*- coding: utf-8 -*-

from __future__ import unicode_literals

from django.shortcuts import render

from django.http import HttpResponse

def index(request):

    return HttpResponse("<b>Hello this is poll index.<b/>")

# Create your views here.

修改polls/urls.py 没有这个文件可以新建:

from django.conf.urls import url, include

from . import views

urlpatterns = [

    url('', views.index, name='index'),

]

修改mysite里面的urls.py,这里面我设置了127.0.0.1:8000 和 127.0.0.1:8000/polls都指向 polls里的app的url

from django.conf.urls import url, include

from django.contrib import admin

urlpatterns = [

    url(r'^admin/', admin.site.urls),

    url(r'^polls/', include('polls.urls')),

    url(r'^', include('polls.urls'))  # main

]

所以结果:127.0.0.1:8000

所以结果:127.0.0.1:8000/polls

遇到的问题:django官网是这样写:

更新Model:

python manage.py makemigrations polls 生成polls数据库

python manage.py sqlmigrate polls 0001 查看数据库代码创建

python manage.py migrate 提交到数据库中

python manage.py shell

python manage.py createsuperuser 创建超级用户

交互式python manage.py shell

控制数据库

>>from polls.models import Question,Choice

>>Question.objects.all() #列出数据库，但是展示以Python 形式展示!

>>from django.utils import timezone

>>q = Question(question_text="What's new?", pub_date=timezone.now())

>>q.save() #直接保存到数据库中

>>q.id #列出当前的ID

>>q.question_text = "What's up?"

>>q.save()

退出交互式:如果想再次更改这个"What's up的呢？"

添加__str__方法，让返回的类对象能看到类代表的数据库

# 这里更改了第二个数据，因为暂时没处理中文:

要在admin显示数据库:首先在每个app中的admin.py 写入

from .models import Question
admin.site.register(Question)

admin后台显示:

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

urlpatterns的设计:

我现在用的1.11版本。然后发现了并不支持django2.0传参方法:

现在要做这样的事情:

<1>http://127.0.0.1:8000/polls/

<2>http://127.0.0.1:8000/polls/1/

<3>http://127.0.0.1:8000/polls/4/results/

<4>http://127.0.0.1:8000/polls/4/vote/

其中

<1>已经被我们定义好了,在polls/views.py添加了

from django.http import HttpResponse

def index(request):

    return HttpResponse("Hello this is poll index.")

然后在polls/urls.py里

urlpatterns = [

    #/polls/

    url(r'', views.index, name='index')]

那么这个设计其实是有问题，至少在当前的django1.11问题。

比如我现在输入http://127.0.0.1:8000/polls/ ,没问题。网页显示:

问题来了:

http://127.0.0.1:8000/polls/1 也是这样子.

http://127.0.0.1:8000/polls/1/1 也是这样子.

http://127.0.0.1:8000/polls/1/vote 也是这样子.

解决方法主要是正则的概念:修改polls/urls.py:

urlpatterns = [

    #/polls/

    url(r'^$', views.index, name='index'),]

其他的解决用全部代码说明:

/polls/views.py

from django.shortcuts import render

from django.http import HttpResponse

def index(request):

    return HttpResponse("Hello this is poll index.")

#/polls/1

def detail(request, question_id):

    return HttpResponse("You're looking at question %s." % question_id)

#/polls/1/results/

def results(request, question_id):

    response = "You're looking at the results of question %s."

    return HttpResponse(response % question_id)

#/polls/1/vote/

def vote(request, question_id):

    return HttpResponse("You're voting on question %s." % question_id)

/polls/urls.py

from django.conf.urls import url, include

from . import views

urlpatterns = [

    #/polls/

    url(r'^$', views.index, name='index'),

    #/polls/1

    #url(r'^(\d+)/$',views.detail,name='detail'),

    url(r'^([0-9]+)/$',views.detail,name='detail'),

    #/polls/1/results/

    url(r'^(\d+)/results/$',views.results,name='results'),

    #/polls/1/vote/

    url('^(\d+)/vote/$',views.vote,name='vote')

]

接下来实现整数数字相加(参考https://code.ziqiangxuetang.com/django/django-views-urls2.html):

polls/views.py增加

#/polls/1/2/

def add(request,a,b):

    c = int(a) + int(b)

    return HttpResponse('<h1 style="background-color:darkgray;border-radius:10px;">The add result is %s.</h1>' % c)

polls/urls.py增加:

url(r'^([0-9]+)/([0-9]+)/$',views.add,name='add'),

Web从入门到放弃<1>的更多相关文章

Web从入门到放弃<8>
Ref: Cameron D. - HTML5, JavaScript and jQuery (Programmer to Programmer) - 2015 http://www.runoob.c ...
Web从入门到放弃<7>
从这章开始读<javascript高级程序设计> <1>typeof 返回字符串 / 类型未定义:undefined 布尔:boolean 字符串:string 数值:num ...
Web从入门到放弃<5>
<1> CSS_DOM 1,structural layer 2,presentation layer 3,behavior layer style也是一个属性 <!DOCTYPE ...
Web从入门到放弃<6>
<1> Canvas. 1,灰度图: js: function showAsGray() { var imgNode = document.getElementById('img'); ...
Web从入门到放弃<4>
1,插入如下html: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q ...
Web从入门到放弃<3>
UI简单的美化全部来源于Bootstrap 知识来自<javascript dom编程艺术第二版> <1> 点击列表页面不跳转图片刷新: 主要点: href如何点击完如何不 ...
Web从入门到放弃<2>
<添加debug-toolbar> django现在1.11是必须这么做: pip install django-debug-toolbar 设置1: INSTALLED_APPS = [ ...
后端API入门到放弃指北
后端API入门学习指北了解一下一下概念. RESTful API标准] 所有的API都遵循[RESTful API标准]. 建议大家都简单了解一下HTTP协议和RESTful API相关资料. 阮一 ...
OpenStack从入门到放弃
OpenStack从入门到放弃目录: 为何选择云计算/云计算之前遇到的问题什么是云计算云服务模式云应用形式传统应用与云感知应用 openstack及其相关组件介绍 flat/vlan/gre ...

随机推荐

[HNOI2003]消防局的设立树形dp // 贪心
https://www.luogu.org/problemnew/show/P2279 一开始就想到了贪心的方法,不过一直觉得不能证明. 贪心的考虑是在深度从深到浅遍历每个结点的过程中,对于每个没有覆 ...
考虑浏览器兼容的文件上传(IE8不支持FormData)
方法一:使用FormData(因IE8不支持FormData, IE10才支持,因此此方法不兼容IE10以下的IE浏览器) 也可参考文章 http://www.jianshu.com/p/46e6e0 ...
springboot定时任务处理
定时任务是一种很常见的应用场景,springboot中的定时任务完全用的spring的那一套,用起来比较简单,需要注意的是线程池配置的那一块使用 @EnableScheduling 注解就可以开启定 ...
设计模式---领域规则模式之解析器模式（Interpreter）
前提:领域规则模式在特定领域内,某些变化虽然频繁,但可以抽象为某种规则.这时候,结合特定领域,将问题抽象为语法规则,从而给出该领域下的一般性解决方案. 典型模式解析器模式:Interpreter ...
9.组合模式（Composite Pattern）
动机(Motivate): 组合模式有时候又叫做部分-整体模式,它使我们树型结构的问题中,模糊了简单元素和复杂元素的概念,客户程序可以向处理简单元素一样来处理复杂元素,从而使得客户程序与复杂元素 ...
UDP协议
本文分析基于Linux Kernel 1.2.13 原创作品,转载请标明出处http://blog.csdn.net/yming0221/article/details/7532512 更多请看专栏, ...
5.Hystrix-服务降级
所谓降级,就是当某个服务出现异常之后,服务器将不再被调用,此时服务端可以自己准备一个本地的fallback回调,返回一个缺省值. 这样做,虽然服务水平下降,但好歹可用,比直接挂掉要强,当然这也要看适合 ...
Hadoop记录-HDFS balancer配置
HDFS balancer配置(可通过CM配置)dfs.datanode.balance.max.concurrent.moves 并行移动的block数量,默认5 dfs.datanode.bala ...
Hadoop记录-hadoop和hbase监控有那些比较好的工具
New Relic hadoop jmx granfa falcon Ganglia,Nagios和Chukwa 自带监控软件 hadoop yarn 开启jmx监控打开{hadoop_home} ...
Hive记录-Impala jdbc连接hive和kudu参考
1.配置环境Eclipse和JDK 2.加载hive jar包或者impala jar包备注:从CDH集群里面拷贝出来下载地址:https://www.cloudera.com/downloads ...

Web从入门到放弃<1>

Web从入门到放弃<1>的更多相关文章

随机推荐

热门专题