精华内容
下载资源
问答
  • 这是我自己做的个人静态主页。里面涉及了切片 flash。布局。适合初学者网页的了解。
  • Django----一个简单网页的教程(适合初学者) 原创n_laomomo 发布于2018-08-23 15:10:15 阅读数 18598 收藏 展开 这篇文字适合刚学习Django同学,如果比较熟就不用看了。 以下都是讲在windows上部署情况; ...

    Django----做一个简单网页的教程(适合初学者)
    原创n_laomomo 发布于2018-08-23 15:10:15 阅读数 18598  收藏
    展开
     
    这篇文字适合刚学习Django的同学,如果比较熟的就不用看了。

    以下都是讲在windows上的部署情况;

    准备:

    1、python3.6

    2、pycharm profession(专业版)

    3、安装Django模块

    以上的安装就不讲了,比较简单,网上也有很多教程。都去官网下载安装即可。

     

    前言:

    学习django框架其实就是学习它的文件目录,目录下有一些必须的模块和包,当然你也可以自己在这些目录下再新建目录或模块和包。

    一、我们打开pycharm新建一个Django工程(也可以直接在terminal下用指令django-admin startproject xxx创建)

    File---New Project

    建好好会自动生成一个目录框架。那么来了解下这个框架里文件的作用。

     

     

    二、编写业务逻辑

    新建成功工程后views.py文件里是空的,需要自己编写业务逻辑。

    from django.shortcuts import HttpResponse #导入HttpResponse模块
     
    def index(request):#request是必须带的实例。类似class下方法必须带self一样
        return HttpResponse("Hello World!!")#通过HttpResponse模块直接返回字符串到前端页面


     
    三、配置url路由

    from laomomo import views#导入views模块
    from django.conf.urls import url
     
    urlpatterns=[
        url(r'^index/',views.index)#配置当访问index/时去调用views下的index方法
    ]


    四、运行server并访问

    terminal下执行 python manage.py runserver   这样执行默认的路径是127.0.0.1:8080

    指定端口或地址就再后面写上,如:python manage.py runserver 127.0.0.1:8888

     

    然后浏览器访问http://127.0.0.1:8888

    这里的Hello World!!就是views.py文件下index方法通过HttpResponse返回到前端的。

     

    问题来了,这样感觉有点简单,如果要显示一些数据呢?怎么办?那么我们就需要写html文件来承载。

    五、修改views.py里的index方法如下

    from django.shortcuts import render#导入render模块
     
    #先定义一个数据列表,当然后面熟了可以从数据库里取出来
    list = [{"name":'good','password':'python'},{'name':'learning','password':'django'}]
     
    def index(request):
     
        return render(request,'index.html',{'form':list})#通过render模块把index.html这个文件返回到前端,并且返回给了前端一个变量form,在写html时可以调用这个form来展示list里的内容


    六、编辑html文件

    新建成功工程后templates文件目录下是空的,我们需要在该目录下新建一个html文件来把内容展示到前端

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>test</title>
        </head>
        <body>
        <table border="1">
            <thead>
            <tr>
                <td>用户名</td>
                <td>密码</td>
            </tr>
            </thead>
            {%for line in form%}
                <tr>
                    <td>{{line.name}}</td>
                    <td>{{line.password}}</td>
                </tr>
            {% endfor %}
        </table>
        </body>
     
    </html>


    html里要写if或for等语句时用{%%},调用变量时用{{ }}括号

    我们重新运行下server,访问浏览器应该会展示list里的数据了。

    好,到这里我们可以展示后台设定好的数据给前端。这好像也不太友好。我们来做一个前端可以输入用户名和密码,然后把输入的用户和密码展示出来。

     

    七、重新编写html文件

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>test</title>
        </head>
        <body>
        <table border="1">
            <form action="/index/" method="post">
                {% csrf_token %}
                <P>
                    <label >用户名:</label>
                    <input type="text" name ='name'/>
                </P>
                <P>
                    <label>密码:</label>
                    <input type="text" name='password'/>
                </P>
                <p><input type="submit" value="提交"/></p>
            </form>
            <thead>
            <tr>
                <td>用户名</td>
                <td>密码</td>
            </tr>
            </thead>
            {%for line in form%}
                <tr>
                    <td>{{line.name}}</td>
                    <td>{{line.password}}</td>
                </tr>
            {% endfor %}
        </table>
        </body>
     
    </html>


    这里加入了用户名和密码的输入框和一个提交按钮,设置的方法试post,下面我们就需要编写views.py下的index方法来获取这个post过来的数据,然后返回给前端显示。

    八、修改views.py下的index方法:

    from django.shortcuts import render#导入render模块
     
    #先定义一个数据列表,当然后面熟了可以从数据库里取出来
    list = [{"name":'good','password':'python'},{'name':'learning','password':'django'}]
     
    def index(request):
        #获取前端post过来的用户名和密码
        name = request.POST.get('name',None)
        password = request.POST.get('password',None)
     
        #把用户和密码组装成字典
        data = {'name':name,'password':password}
        list.append(data)
     
        return render(request,'index.html',{'form':list})#通过render模块把index.html这个文件返回到前端,并且返回给了前端一个变量form,在写html时可以调用这个form来展示list里的内容


     

    再次运行server通过浏览器访问就会有提交的数据实时展示了的效果了

     

    到这里就完成了一个简单的网页制作的过程,有问题可以向我提问。

    点赞 15
    收藏
    分享

    ————————————————
    版权声明:本文为CSDN博主「n_laomomo」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/niedongri/article/details/81978284

    展开全文
  • 自己做的网页模板 适合初学者使用 谢谢下载
  • 本插件功能:替换掉网页指定图片src地址。 使用插件前: 使用插件后: 鲜花(闲话):这个网站不加水印图片连接被保存在,图片data-image属性中。那么就直接替换src地址就ok了。 插件文件夹...

    时光偷走的,永远都是我们眼皮底下看不见的珍贵。

    本插件功能:替换掉网页中的指定图片的src地址。

    使用插件前:

    使用插件后:

    鲜花(闲话):这个网站的不加水印的图片连接被保存在,图片的data-image属性中。那么就直接替换src的地址就ok了。

    插件文件夹结构:

     

    主要文件:manifest.json

    {
        "name": "Hello Extensions",
        "description" : "Hello world Extension",
        "version": "1.0",
        "manifest_version": 2,
        "browser_action": {
            "default_popup": "hello.html",
            "default_icon": "hello_extensions.png"
        },
        "commands": {
            "_execute_browser_action": {
            "suggested_key": {
                "default": "Ctrl+Shift+F",
                "mac": "MacCtrl+Shift+F"
            },
            "description": "Opens hello.html"
            }
        },"content_scripts": 
        [
            {
                "matches": ["http://www.stu114.com/*"],  
                "js": ["js/replace.js"],
                "run_at": "document_end"
            }
        ]
      }

    replace.js

    function getClass(oParent,aClass){             //oParent为要获取的className的父级元素对象
    
          var aEle = document.getElementsByClassName('smort');     //定义一个变量通过通配符获取所有标签
        
          for(var i=0;i<aEle.length;i++){             //遍历获取class名称的元素
                var item = aEle[i];
             var dataimg=item.getAttribute('data-image');
                item.setAttribute('src',dataimg);
          }
        
        }
        getClass();

    hello.html

    <html>
        <body>
          <h1>Hello Extensions</h1>
        </body>
    </html>

     

     做好了之后,使用chrome加载插件:

     

    虾扯:需要打开开发者模式

     

    ok~结束

     

     

     

    转载于:https://www.cnblogs.com/wzl521224/p/10902016.html

    展开全文
  • 这次网页主要是介绍我喜欢漫画————日本超人气漫画《海贼王》。作者是尾田荣一郎 主页分为 剧情简介、作者介绍、角色介绍、最近新闻、漫画欣赏这几个主要部分。其中剧情简介主要介绍是这部漫画发生人物...
  • 遗传算法python实现(适合初学者

    万次阅读 多人点赞 2019-05-31 14:10:19
    在某网页上碰巧看到了 遗传算法 ,就决定学习整理一下这个熟悉又陌生经典算法。 遗传算法有趣应用有:寻路问题,8数码问题,囚犯困境,动作控制,找圆心问题,TSP问题,生产调度问题,人工生命模拟等。 遗传...

    某天午睡醒来,打开电脑感觉十分茫然,不知道该做什么。在某网页上碰巧看到了 遗传算法 ,就决定学习整理一下这个熟悉又陌生的经典算法。


    遗传算法有趣的应用有:寻路问题,8数码问题,囚犯困境,动作控制,找圆心问题,TSP问题,生产调度问题,人工生命模拟等。

    遗传算法中的每一条染色体,对应于遗传算法的一个解决方案。一般我们用适应性函数(fitness function)来衡量这个解决方案的优劣。

    提出问题和解决方案(简单案例)

     一个简单的问题:

                                          

     如何找出(-1,2)区间 f(x) 的最大值(足够大值)?                                    

                               

     通过遗传算法,可以逐渐取得较大解。

    对遗传算法的一些理解:

    遗传算法不一定能找到最大解,但随着迭代的进行,适应能力更强(通过适应度函数)的解(即染色体序列)总是更有机会存活下来。通过交叉和变异,产生新的适应能力更强的个体,最后得到一个较高适应能力的种群(停止迭代的条件可以是自定义的收敛或达到设定的迭代次数)。

    遗传算法的一般步骤:

     

    1. 初始化原始种群。(染色体)
    2. 计算种群每个个体的适应值。
    3. 以一定的策略选择个体。(适应值高的被选择的机会更大)
    4. 交叉和变异(产生新的染色体),形成新的个体。
    5. 重复2,3,4步,直到达到收敛条件或达到设定的迭代次数。

    代码奉上

    import matplotlib.pyplot as plt
    import numpy as np
    import random
    
    
    # (-1, 2)
    # 初始化原始种群
    def ori_popular(num):
        popular = []
        for i in range(num):
            x = random.uniform(-1, 2)  # 在此范围内生成一个随机浮点数
            popular.append(x)
        return popular
    
    
    # 编码,也就是由表现型到基因型,性征到染色体
    def encode(popular):  # popular应该是float类型的列表
        popular_gene = []
        for i in range(0, len(popular)):
            data = int((popular[i]-(-1)) / 3 * 2**18)  # 染色体序列为18bit
            bin_data = bin(data)  # 整形转换成二进制是以字符串的形式存在的
            for j in range(len(bin_data)-2, 18):  # 序列长度不足补0
                bin_data = bin_data[0:2] + '0' + bin_data[2:]
            popular_gene.append(bin_data)
        return popular_gene
    
    
    # 解码,即适应度函数。通过基因,即染色体得到个体的适应度值
    def decode(popular_gene):
        fitness = []
        for i in range(len(popular_gene)):
            x = (int(popular_gene[i], 2) / 2**18) * 3 - 1
            value = x * np.sin(10 * np.pi * x) + 2
            fitness.append(value)
        return fitness
    
    
    # 选择and交叉。选择用轮牌赌,交叉概率为0.66
    def choice_ex(popular_gene):
        fitness = decode(popular_gene)
        sum_fit_value = 0
        for i in range(len(fitness)):
            sum_fit_value += fitness[i]
        # 各个个体被选择的概率
        probability = []
        for i in range(len(fitness)):
            probability.append(fitness[i]/sum_fit_value)
        # 概率分布
        probability_sum = []
        for i in range(len(fitness)):
            if i == 0:
                probability_sum.append(probability[i])
            else:
                probability_sum.append(probability_sum[i-1] + probability[i])
    
        # 选择
        popular_new = []
        for i in range(int(len(fitness)/2)):
            temp = []
            for j in range(2):
                rand = random.uniform(0, 1)  # 在0-1之间随机一个浮点数
                for k in range(len(fitness)):
                    if k == 0:
                        if rand < probability_sum[k]:
                            temp.append(popular_gene[k])
                    else:
                        if (rand > probability_sum[k-1]) and (rand < probability_sum[k]):
                            temp.append(popular_gene[k])
    
            # 交叉,交叉率为0.66。
            is_change = random.randint(0, 2)
            if is_change:
                temp_s = temp[0][9:15]
                temp[0] = temp[0][0:9] + temp[1][9:15] + temp[0][15:]
                temp[1] = temp[1][0:9] + temp_s + temp[1][15:]
    
            popular_new.append(temp[0])
            popular_new.append(temp[1])
        return popular_new
    
    
    # 变异.概率为0.05
    def variation(popular_new):
        for i in range(len(popular_new)):
            is_variation = random.uniform(0, 1)
            # print([len(k) for k in popular_new])
            if is_variation < 0.02:
                rand = random.randint(2, 19)
                if popular_new[i][rand] == '0':
                    popular_new[i] = popular_new[i][0:rand] + '1' + popular_new[i][rand+1:]
                else:
                    popular_new[i] = popular_new[i][0:rand] + '0' + popular_new[i][rand+1:]
        return popular_new
    
    
    if __name__ == '__main__':  # alt+enter
        # 初始化原始种群, 一百个个体
        num = 100
        ori_popular = ori_popular(num)
        # 得到原始种群的基因
        ori_popular_gene = encode(ori_popular)  # 18位基因
        new_popular_gene = ori_popular_gene
        y = []
        for i in range(1000):  # 迭代次数。繁殖1000代
            new_popular_gene = choice_ex(new_popular_gene)  # 选择和交叉
            new_popular_gene = variation(new_popular_gene)  # 变异
            # 取当代所有个体适应度平均值
            new_fitness = decode(new_popular_gene)
            sum_new_fitness = 0
            for j in new_fitness:
                sum_new_fitness += j
            y.append(sum_new_fitness/len(new_fitness))
        
        # 画图
        x = np.linspace(0, 1000, 1000)
        fig = plt.figure()  # 相当于一个画板
        axis = fig.add_subplot(111)  # 坐标轴
        axis.plot(x, y)
        plt.show()
    

    结果简单展示:

    •  

    水平有限。有问题请大佬指点。 

    参考:

    遗传算法详解(GA)(个人觉得很形象,很适合初学者)

    展开全文
  • 适合初学者的一些小技巧

    千次阅读 2004-10-26 23:26:00
    适合初学者的一些小技巧 1.网页打开时定位焦点:2.在输入框html中加入以下代码,实现鼠标焦点感知,及按回车跳到下一个输入框,而不是执行提交按钮事件onkeydown="if (event.keyCode==13) event.keyCode=9;" ...
    
    
    1.网页打开时定位焦点:
    <body οnlοad="document.all.txtUserName.focus();" >

    2.在输入框的html中加入以下代码,实现鼠标焦点感知,及按回车跳到下一个输入框,而不是执行提交按钮事件
    οnkeydοwn="if (event.keyCode==13) event.keyCode=9;" οnmοuseοver="this.focus()" οnfοcus="this.select()"

    3.用vs.net做界面设计时,它会自做聪明的加入很多<font face="宋体"></font>垃圾代码.
    在<body>后加入<font face="宋体">,并且</body>前加</font>可以避免这个问题.

    4.在类名称前面一行按///自动生成类及参数说明,适当写文字即可在调用类时显示提示;

    5.怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口?
    在被打开的网页里加上<base target="_self">就可以了。这句话一般是放在<html>和<body>之间的。

    6.字符串的转换,DataBinder.Eval在vb.net中可以用VB内置函数实现格式化,而C#中都是对象,没有内置函数
    在vb.net中可以用如下方式
    mid(DataBinder.Eval(Container.DataItem, "反馈描述"),1,46)
    iif(DataBinder.Eval(Container.DataItem, "反馈答复") is system.dbnull.value,"无",DataBinder.Eval(Container.DataItem, "反馈答复"))

    而C#中却不行,一般是用函数在隐藏代码(*.cs)中实现.
    aspx页面文件cap_lenth(((System.Data.DataRowView)Container.DataItem).Row["反馈描述"] )
    .cs隐藏代码中
      public string cap_lenth(object DISCNAME)
      {//不用临时变量以节省内存空间    
       if(DISCNAME.ToString ().Length>45)
        return DISCNAME.ToString ().Substring(0,45);
       return DISCNAME.ToString ();
      }

    7.在assemblyinfo.cs中编写dll控件的版本及名称等描述信息.
    展开全文
  • 学生做的网页

    2012-06-20 11:12:55
    学生做的网页,适合初学者,可以借鉴一下,多提意见,谢谢。
  • 我觉得该篇文章不只适合css初学者适合于一切网络技术的初学者。我也是从一个“小白”开始,我觉得新手都应该看看这篇文章。 一、基础学习 无论学什么,想做出些样子来,都是要付出时间与精力网页制作看着很...
  • JAVA做的网页浏览器

    2008-09-22 17:01:25
    适合初学者学习和研究,这是一个比较简单浏览器
  • 最近录制教程有1个多月的时间了,在这一个月的时间里面有许多初学者问很多同样的问题: 我是个初学者 不知道哪个教程比较适合我? 一名出色的网页设计师需要学什么样的知识,html?css?div?dreamweaver?动态网页?...
  • 初学者告诉你个本方法就是在body中加 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 无标题 1 sdfsdfsdsdfsd 简单说就是在body上加...
  • python 适合做什么开发

    2021-05-08 16:44:57
    开发速度非常快,而且语法简单,通俗易懂,很容易上手,很适合初学者学习,对于Python了解,很多人只知道Python与人工智能关系密切,却不知道Python其他用途,其实学好Python还可以很多事情,以下是具体...
  • 关于书本 新人们常常会说我看了多少多少...初学者应该找一些适合自己书,通读一遍,其中例子要认真,一定要自己去写代码,而不是Copy。我以前在学做网页的时候,别人都用Dreamweaver去,只有我打开源代码编
  • Dreamweaver网页制作

    2011-12-30 20:56:10
    用dreamweaver做网页的简单教程,适合初学者
  • 这是一个用asp.net做的简单网页计算器。实现基本的数学运算,代码可读性强,适合初学者
  • 这段时间在学习前端,并模仿了一个很简单的公司官网页面tongshai.net, 把这个...(很多功能仅为简单展示内容的网页都比较简单,都可以初学者很好的模仿对象)。 在仿写过程中,因为网页很简单,所以也没有碰...
  • DW网页设计

    2015-01-05 09:20:16
    自己做的网页,不怎么样,适合初学者糊弄作业用,可以试试
  • 适合初学者参考学习!大三时做的结课作业!
  • HTML教程--网页设计

    2012-05-21 22:46:32
    HTML为一种网页设计,可以是静态亦可以是动态这个HTML教程,适合初学者.HTML为一种网页设计,可以是静态亦可以是动态这个HTML教程,适合初学者.HTML为一种网页设计,可以是静态亦可以是动态这...
  • 作为编码者,美工基础是...在翻译过程中,重新截了中文版图,也修正了一些参数,并给出了一些更好技法建议,更加适合新手上手练习,适合初学者临摹学习,也可以给有一定基础设计者做个参考。 在这儿和广...
  • Dreamweaver网页小作业

    2019-05-27 14:46:23
    自己做的一个小网页,背景以粉色为主。非常基础的代码,适合初学者,仅供参考orz
  • 超详细一个java web 动态网页的构建,看了包学会java web 怎样调用数据库过程和,学习java web 总体过程和思路,很适合刚入门或自学的初学者!!花了很多时间出来……
  • 了一个简单学校网页,只有一个一面,所以适合初学者参考,可以进行对比。然后自己试试用html语言写出来
  • 这个教案写很全适合老师用,也适合初学者用,更适合自学这用,这个既可以当教程也可以教案。
  • 简单个人主页网页,里面有完整Html+css代码,有完整素材图片,非常适合教学演示使用,也适合学生考试素材,适合初学者

空空如也

空空如也

1 2 3 4 5 ... 13
收藏数 242
精华内容 96
关键字:

适合初学者做的网页