30学习写论坛-4

小咪咪 2022-08-22 03:58 101阅读 0赞

Django的models模块

#创建models即表
    block.models.py
    
    # coding: utf-8
    from django.contrib.auth.models import  User
    from django.db import models
    
    
    # Create your models here.就是数据库创建一张表
    class Demo(models.Model):
        name = models.CharField(u"姓名",max_length=30)
        desc = models.CharField(u"描述",max_length=100)
        manager = models.ForeignKey(User,verbose_name="管理员")
        
        create_timestamp = models.DateTimeField(auto_now_add=True)
        last_update_timestamp = models.DateTimeField(auto_now=True)
        
        #django把selt.name转化为unicode
        def __unicode__(self):
            return self.name
        
    	#表的comment
        class Meta():
            verbose_name = u"版块"
            verbose_name_plural = u"版块"
    		
    创建的表名会叫block_Demo block是app名，Demo是类名
    自动有id列自增
    name都是表列名

前端知识  
html+css+JavaScript

html小例子

<!doctype html>  #标准写法
    <html>
      <head>  #头
        <meta charset="utf-8">  #头属性
    	<title>Hello World</title>  #头标题 即浏览器页面名字
      </head>  #头结束
      <body>  #体
        <div id="simpleLabelArea" class="section">  #布局工具 长方形 页面的--审查元素可看范围  本身一般不显示
    	  <h1>Hello Fyl</h1>  #h1 标题  h1--h6
    	  <p>This is a test!</p>  #p 段落
    	  <br />  #换行
    	  <br />
    	  <br />
    	  <table>  #表格
    	    <thead>  #表格头
    		  <tr>  #一行的开始
    		    <th>标题一</th>  #表头的一个单元格
    			<th>标题二</th>
    			<th>标题三</th>
    		  </tr>  #一行的结束
    		</thead>
    		<body>  #表格体
    		  <tr>
    		    <td>内容一</td> #表格体的一个单元格
    			<td>内容二</td>
    			<td>内容三</td>
    		  </tr>
    		  <tr>
    		    <td>内容四</td>
    			<td>内容五</td>
    		  </tr>
    		</body>
    	  </table>
    	</div> 
    	<div id="fromArea" class="section">
    	  <form method="POST" action="">  #表单 method可谓POST/GET action是地址
    	    <label>用户名</label><input type="text" name="username" /><br />  
    		<label>密码</label><input type="password" name="password" /><br />
    		<label>备注</label><textarea name="note"></textarea><br />
    		<input type="submit" value="提交" />
    	  </form>
        </div>	
      </body>
    </html>
    
    
    label就是一个标签显示
    input表示输入
    type表示输入内容，text普通文本，password会****显示
    textarea文本区域，多行的输入框
    submit提交按钮
    
    
    
    <form method="POST" action="">  
      <label>用户名</label><input type="text" name="username" /><br />  
      <label>密码</label><input type="password" name="password" /><br />
      <label>备注</label><textarea name="note"></textarea><br />
      <input type="submit" value="提交" />
    </form>
    
    POST用于写操作，GET用于查询
    POST参数不限长度，GET受限于URL，URL最长2K
    POST请求可以加密更加安全，URL更加干净
    
    上文中POST，name="username"，username就是key，输入值为value
    Django处理方法
    request.POST["key"]

CSS基础  
控制页面的样式

可以出现在：
    1标签的style属性
    <table width="300px" height="100px" style="background-color:red;color:#fff">
    2直接写style标签
    	<style type="text/css">
    	form {
    	  font-size: 18px;
    	}
    	form input[type=text],input[type=password] {
    	  border-radius: 10px;
    	}
    	</style>
    	
    {}外的 form：表示作用于form标签，{}内是标签样式 
    font-size：字体大小
    form input[type=text],input[type=password] {}
    form 里面的type=text 的输入框
    ','：表示或者
    border-radius：圆角
    3因为外面文件的方式
    	<link rel="stylesheet" href="01.css" />

javascript

1在标签内引用
        <div id="simpleLabelArea" class="section" οnclick="javascript: document.getElementById('simpleLabelArea').style.backgroundColor='blue';">
     
    onclick点击的时候javascript逻辑
    document整个页面
    getElementById取得唯一id
    
    
    	<script type="text/javascript">
    	var a = 1;
    	function add(a,b) {
    	  return a + b
    	}
    	console.log(a);
    	</script>
    	
    var a = 1;  变量赋值
    console.log(a);  类似python的print
    alert(add(2,2));  alert弹窗语句
    typeof(...);  判断语句
    
    
    2以外部文件引用
    <script type="text/javascript" src="01.js"></script>

代码上传地址