pythonのdjango初体验

简单的一个列表展示，实现了增、删、插

1.通过新建项目来创建一个Django项目

2.通过pycharm中的Terminal来创建app ，命令如下：

python manage.py startapp devicesys

最后项目结构如下：

项目结构：

3.修改相关配置：

　　在于项目同名的文件夹下打开setting.py 做两个事情（1）注释MIDDLEWARE中的 # 'django.middleware.csrf.CsrfViewMiddleware', （2）在文件结尾处增加STATICFILES_DIRS = [( os.path.join(BASE_DIR,"static"))]

　　打开urls.py将devicesys导入进来

4.在devicesys文件夹下的models.py中编写如下代码

 from django.db import models

 import sqlalchemy

 from sqlalchemy import create_engine

 from sqlalchemy.ext.declarative import declarative_base

 from sqlalchemy import Column,Integer,DATE,ForeignKey,String

 from  sqlalchemy.orm import sessionmaker,relationship

 # Create your models here.

 # 创建数据库连接

 engine = create_engine("mysql+pymysql://root:root@localhost/testuser?charset=utf8",echo=True)

 # 生成orm基类

 Base = declarative_base()

 # 创建表映射

 class Devices(Base):

     __tablename__ = "devices" # 表名称

     id = Column(Integer,primary_key=True)

     name = Column(String(64)) # 设备名称

     ip = Column(String(32)) # 设备地址

     username = Column(String(32)) # 设备账号

     password = Column(String(32)) # 设备密码

     brand = Column(String(32))  # 设备品牌

     addtime = Column(DATE) # 设备添加时间

 # 构建表结构

 Base.metadata.create_all(engine)

 # 创建数据库会话类

 session_class = sessionmaker(bind=engine)

 # 创建数据库会话实例

 session = session_class()

 def getlist():

     return session.query(Devices).filter_by().all()

 def add(name,ip,username,password,brand):

     temp = Devices(name=name,ip=ip,username=username,password=password,brand=brand)

     session.add_all([temp])

     session.commit()

 def delete(del_id):

     del_info = session.query(Devices).filter(Devices.id==del_id).first()

     if del_info is not None:

         session.delete(del_info)

         session.commit()

在views.py中编写如下代码：

 from django.shortcuts import render

 # Create your views here.

 from django.shortcuts import HttpResponse

 from django.shortcuts import render

 from django.shortcuts import redirect

 from devicesys import models

 import time

 def loadlist(request):

     list = models.getlist()

     print(list)

     return render(request,"index.html",{"list":list})

 def add(request):

     if request.method == "POST":

         # 获取提交信息

         name = request.POST.get("name")

         ip = request.POST.get("ip")

         username = request.POST.get("username")

         password = request.POST.get("password")

         brand = request.POST.get("brand")

         # 获取当前时间并进行格式化

         # addtime = time.strftime("%Y-%m-%d", time.time())

         models.add(name,ip,username,password,brand)

         list = models.getlist()

         return render(request, "index.html", {"list": list})

 def delete(request):

     if request.method == "POST":

         # 获取参数

         del_id = request.POST.get("del_id")

         if del_id:

             models.delete(del_id)

             list = models.getlist()

             return render(request, "index.html", {"list": list})

         else:

             return HttpResponse("<h1>404</h1>")

5.在项目下创建static文件夹并且将layer相关文件导入进去，并且导入jquery.js

6.在templates文件夹下新建index.html

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>服务器管理</title>

     <link rel="stylesheet" href="/static/layui/css/layui.css">

     <script src="/static/jquery.min.js"></script>

     <script src="/static/layui/layui.js"></script>

     <script src="/static/layui/lay/modules/element.js"></script>

     <script src="/static/layui/lay/modules/layer.js"></script>

     <script>

         //注意：导航 依赖 element 模块，否则无法进行功能性操作

         layui.use('element', function(){

             var element = layui.element;

         });

     </script>

 </head>

 <body>

     <ul class="layui-nav" lay-filter="">

         <li class="layui-nav-item"><a href="">最新活动</a></li>

         <li class="layui-nav-item layui-this"><a href="">产品</a></li>

         <li class="layui-nav-item"><a href="">大数据</a></li>

         <li class="layui-nav-item">

             <a href="javascript:;">解决方案</a>

             <dl class="layui-nav-child"> <!-- 二级菜单 -->

                 <dd><a href="">移动模块</a></dd>

                 <dd><a href="">后台模版</a></dd>

                 <dd><a href="">电商平台</a></dd>

             </dl>

         </li>

         <li class="layui-nav-item"><a href="">社区</a></li>

     </ul>

     <div class="layui-form-item"  style="float:left;padding-top: 10px;">

        <div class="layui-input-block" style="float:left;margin-left: 10px;">

            <input type="text" name="title" required  lay-verify="required" placeholder="关键字搜索" autocomplete="off" class="layui-input">

        </div>

         <button class="layui-btn layui-btn-normal" style="padding-left:5px; ">

              <i class="layui-icon"></i>

         </button>

     </div>

     <div class="layui-btn-group" style="float:right;padding-top: 10px;padding-bottom: 10px;padding-right: 10px;">

       <button onclick="add_win()" class="layui-btn layui-btn-normal">

         <i class="layui-icon"></i>

       </button>

     </div>

     <div>

         <table class="layui-table">

         <colgroup>

            <col width="150">

            <col width="200">

            <col>

         </colgroup>

         <thead>

             <tr>

                 <td>序号</td>

                 <td>名称</td>

                 <td>IP地址</td>

                 <td>账号</td>

                 <td>品牌</td>

                 <td>操作</td>

             </tr>

         </thead>

         <tbody>

             {% for row in list %}

               <tr>

                     <td>{{ row.id }}</td>

                     <td>{{ row.name }}</td>

                     <td>{{ row.ip }}</td>

                     <td>{{ row.name }}</td>

                     <td>{{ row.brand }}</td>

                     <td>

                         <a class="del" href="#" row-id="{{ row.id }}">删除 |</a>

                         <a href="#" row-id="{{ row.id }}">详情</a>

                     </td>

              </tr>

             {% endfor %}

         </tbody>

     </table>

     </div>

     <div style="display:none;margin-top: 10px;" id="add_win">

         <form class="layui-form" action="/add/" method="post">

             <div class="layui-form-item">

                 <label class="layui-form-label">设备名称</label>

                 <div class="layui-input-block">

                   <input type="text" name="name" style="width: 260px;" required  lay-verify="required" placeholder="请输入设备名称" autocomplete="off" class="layui-input">

                 </div>

                 <label class="layui-form-label">IP地址</label>

                 <div class="layui-input-block">

                   <input type="text" name="ip" style="width: 260px;" required  lay-verify="required" placeholder="请输入IP地址" autocomplete="off" class="layui-input">

                 </div>

                 <label class="layui-form-label">账号</label>

                 <div class="layui-input-block">

                   <input type="text" name="username" style="width: 260px;" required  lay-verify="required" placeholder="请输入设备账号" autocomplete="off" class="layui-input">

                 </div>

                 <label class="layui-form-label">密码</label>

                 <div class="layui-input-block">

                   <input type="text" name="password" style="width: 260px;" required  lay-verify="required" placeholder="请输入设备密码" autocomplete="off" class="layui-input">

                 </div>

                 <label class="layui-form-label">品牌</label>

                 <div class="layui-input-block">

                   <input type="text" name="brand" style="width: 260px;" required  lay-verify="required" placeholder="请输入设备品牌" autocomplete="off" class="layui-input">

                 </div>

             </div>

             <div class="layui-form-item">

                 <div class="layui-input-block">

                   <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>

                   <button type="reset" class="layui-btn layui-btn-primary">重置</button>

                 </div>

             </div>

         </form>

     </div>

     <div style="display:none;margin-top: 10px;" id="del_win">

         <form class="layui-form" action="/del/" method="post">

             <div class="layui-form-item">

                 <span style="margin-left:30px;">您确定要删除该条数据？</span>

                 <input type="hidden" id="del_id" name="del_id"/>

             </div>

              <div class="layui-form-item">

                 <div class="layui-input-block" style="margin-left: 45px;margin-top: 20px;">

                     <button class="layui-btn" lay-submit lay-filter="formDemo">确定</button>

                     <button type="button" id="cancel" class="layui-btn layui-btn-primary">取消</button>

                 </div>

             </div>

         </form>

     </div>

     <script>

         $(function(){

             $(".del").click(function(){

                 var row_id = $(this).attr('row-id');

                 $("#del_id").val(row_id);

                 layer.open({

                     type:1,

                     area: ['220px', '150px'],

                     shadeClose: true,

                     title:"删除",

                     end :function(index, layero){

                         $("#del_id").val("")

                         $("#del_win").css('display','none')

                     },

                     content:$("#del_win").css('display','block')

                 })

             });

             $("#cancel").click(function () {

                 layer.close(layer.index);

             });

         })

         function add_win(){

             layer.open({

                 type:1,

                 area: ['500px', '400px'],

                 shadeClose: true,

                 title:"新增",

                 end :function(index, layero){

                     $("#add_win").css('display','none')

                 },

                 content:$("#add_win").css('display','block')

             })

         }

     </script>

 </body>

 </html>

运行结果如下：

注：目前仅实现了新增和删除，搜索和详情未实现。

pythonのdjango初体验的更多相关文章

django初体验学习笔记
django环境搭建 1.安装Python 2.ipython sudo apt-get install ipython sudo pip instal ...
Django初体验——搭建简易blog
前几天在网上看到了篇采用Django搭建简易博客的视频,好奇心驱使也就点进去学了下,毕竟自己对于Django是无比敬畏的,并不是很了解,来次初体验. 本文的操作环境:ubuntu.python2.7. ...
python第十七天-----Django初体验
Django是一个MTV框架 M:models(数据库) T:templates(放置html模版) V:views(处理用户请求) 那么传说中的MVC框架又是什么呢? M:models(数据库) V ...
python之初体验
1. Python简介: Python(英国发音:/ˈpaɪθən/ 美国发音:/ˈpaɪθɑːn/), 是一种面向对象.解释型计算机程序设计语言,由Guido van Rossum于1989年发明, ...
Django初体验
为什么使用Django 快速开发使用python 数据库ORM系统大量内置应用后台管理系统 admin 用户认证系统 auth 会话系统 sessions 安全性高表单验证 SQL注入跨站点 ...
Ubuntu下Django初体验（二）——创建工程及应用
一.工程目录详解创建工程后得到如下目录: 1. manage.py 管理项目.创建数据库.启动服务器等.测试等. 查看子命令: python manage.py 启动服务器: python mana ...
Ubuntu下Django初体验（一）——开发环境搭建
一.开发环境搭建 1. linux下一般有自带的python,如果对版本不满意,可以再自行安装. 2. 安装ipython(推荐) sudo apt-get install ipython sudo ...
Django项目和Django初体验和创建、目录结构认识
.MVC的设计方式(跟Flask一样,都是MVC的设计模式) .开发效率高 .功能强大(丰富的第三方组件) .安全性高(帮助开发者规避安全漏洞) 目前市面上使用:Django>Flask #使用 ...
Django 初体验
Django 依赖的python 基础环境安装: https://www.runoob.com/django/django-install.html Django安装参考官网文档: https://d ...

随机推荐

JRE与JDK简介
如何进行 Java 开发: JRE: JDK:
外部访问docker中的MySQL
注:192.168.1.203机器上装有docker,容器在该机器上 mysql> use mysql; mysql> update user set authentication_str ...
数据采集工具Telegraf：简介及安装
接着上一篇博客:InfluxDB简介及安装,这篇博客介绍下Linux环境下Telegraf安装以及其功能特点... 官网地址:influxdata 官方文档:telegraf文档环境:CentOS7 ...
SQL Server之深入理解STUFF
前言最近项目无论查询报表还是其他数据都在和SQL Server数据库打交道,对于STUFF也有了解,但是发现当下一次再写SQL语句时我还得查看相关具体用法,说到底还是没有完全理解其原理,所以本节我们 ...
python 判断网络通断同时检测网络的状态
思路:通过http判断网络通断,通过ping获取网络的状态注意:不同平台下,调用的系统命令返回格式可能不同,跨平台使用的时候,注意调整字符串截取的值主程序:network_testing_v0.3 ...
Entity Framework Core系列之DbContext（添加）
上一篇我们介绍了Entity Framework Core系列之DbContext,对DbContext有了概念上的了解,这篇将介绍DbContext添加数据通过DbContext添加实体的主要方法 ...
远程连接腾讯云服务器MySQL数据库
1.添加腾讯云安全组规则的MySQL 3306端口将所有端口打开,至少打开3306,不在赘述. 2.打开更改MySQL配置文件打开配置文件 vi /etc/mysql/mysql.conf.d/m ...
二、IIS部署WebApi
一.项目发布二.hosts 更改 C:\Windows\System32\drivers\etc 三.网站搭建之后我将端口默认更改 8001 以防与80端口冲突注意: 1.先测试IIS的lo ...
Vue——报错总结
[Vue warn]: Cannot find element: #app [报错原因] 1. 把对应js放在了head标签里面,页面没有加载完成就进行渲染,导致找不到#app. 2.加了<te ...
golang 笔记
golang 的坑 package main import ( "fmt" "net/http" "time" ) func Hello(w ...

pythonのdjango初体验

pythonのdjango初体验的更多相关文章

随机推荐

热门专题