精华内容
下载资源
问答
  • 用php制作一个简单的网页留言板

    千次阅读 多人点赞 2020-07-17 19:01:23
    使用php、html、SQL和mysql数据库做一个简单的留言板(效果如图) ...1.先html写出界面(可以使用css美化界面,也可以用php做一个留言分页)。 index.php <!DOCTYPE html> <html lang="en"> &

    使用php、html、SQL和mysql数据库做一个简单的留言板(效果如图)

    在这里插入图片描述

    大体的思路:

    1. 先用html写出界面。
    2. 然后用php获取用户输入的留言内容。
    3. 接着把获取的留言内容用php存放到数据库中。
    4. 然后使用php访问数据库获取留言内容。
    5. 把获取到的留言展示在网页中。
    6. 刷新网页。

    代码文件结构

    在这里插入图片描述
    在这里插入图片描述

    实现过程

    1.先用html写出界面(可以使用css美化界面,也可以用php做一个留言分页)。
    index.php

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
    <h1>留言板</h1>
        <form action="save.php" method="POST">
            <input type="text" name="message" value="">
            <input type="submit" name="" value="提交" >
        </form>
    
        <ol>
            <!--展示留言的地方,可以使用php做一个分页功能-->
            <!--使用php中的foreach遍历从数据库得到的留言数组-->
            
        </ol>
    </body>
    </html>
    

    2.连接数据库,然后用php获取用户输入的留言内容。

    2.1创建数据库
    数据库只有简单的一张表两个字端(id 和 message)数据库名称TEST,用户名root,密码password,表名message,两个字端id 和 message。
    在这里插入图片描述

    2.2设置配置文件
    连接数据库时把配置文件单独存放在一个配置文件
    config.inc.php

    配置文件config.inc.php

    <?php
        //数据库的地址
        define("DB_ADDRESS","localhost");
        //数据库用户名
        define("ACCOUNT_NAME","root");
        //数据库用户名对应的密码
        define("PASSWORD","password");
        //数据库的名字
        define("DB_NAME","TEST");
        //数据库表的名字
        define("TABLE_NAME","message");
        //数据库字段的名字
        define("FIELD_NAME","message");
    ?>
    

    2.3连接数据库
    保存数据需要连接数据库,查询数据页需要连接数据库,所以把连接数据库写成一个函数connect()封装起来放在connect.inc.php文件中。

    <?php
        //引入配置文件,用于连接数据库
        include_once "config.inc.php";
        
        function connect()
        {
            //1.与mysql数据库连接
            $link = @mysqli_connect(DB_ADDRESS, ACCOUNT_NAME, PASSWORD, DB_NAME);
       
            //连接错误时提示
            $error = mysqli_connect_error();
            //如果有错误的话,输出提示消息,结束程序
            if(!$link)
            {
                echo "数据库连接失败:";
                exit($error);
            }
            else
            {
                //echo "数据库连接成功";
                //var_dump($link);
                //设置字符编码
                mysqli_set_charset ( $link , "utf8" );
    
                //选择数据库,只用到一个所以不用切换
                // mysqli_select_db ( $link , $DB );
            }
    
            return $link;
        }
        
    ?>
    

    3.保存用户留言到数据库中
    save.php

    <?php
        include_once "connect.inc.php";
        include_once "config.inc.php";
    
    
        //将post中的内容先保存到变量content中
        $content = $_POST;
        //提取用户的留言
        $message = $content['message'];
        //测试查看 用户内容是否成功提取出来了
        //var_dump($content["message"]);
        //成功提取内容后,连接数据库
        //现在在数据库中保存数据需要连接数据库,
        //以后在数据库中查找数据也要连接数据库,所以写一个connect.inc.php的文件
        //封装一个连接数据库的函数connect()
        $link = connect();
    
        //var_dump($message); 
        //var_dump($link);
        $add_message = "insert into ".TABLE_NAME."(".FIELD_NAME.") values('$message')";
        //$add_message = 'insert into message(message) values("$message")';
        var_dump($add_message);
        
        //保存执行sql语句的状态,如果执行失败提示
        $execute_sql = mysqli_query($link, $add_message);
    
        if($execute_sql===TRUE)
        {
            echo "插入SQL语句执行成功!";
            //留言成功后跳转到首页(刷新页面)
            header("location:index.php");
        }
        else
        {
            exit("SQL语句出错了");
        }
    
    ?>
    

    4.然后使用php访问数据库获取留言内容。
    query_message.ini.php

    <?php
        include_once "config.inc.php";
        include_once "connect.inc.php";
        function getMessage()
        {
            //连接数据库
            $link = connect();
            //SQL语句
            $qurey_message = "select * from message";
            //保存解析结果
            $result = mysqli_query($link,$qurey_message);
            //将从数据库获取的留言保存在message中
            $message = mysqli_fetch_all($result,MYSQLI_ASSOC);
    		//把从数据中得到的留言数组返回
            return $message;
    
        } 
    ?>
    

    5.把获取到的留言展示在网页中。
    index.php

    <!--使用php中的foreach遍历从数据库得到的留言数组-->
    <?php
            include_once "query_message.ini.php";
            $message = getMessage();
            //var_dump($message) ;
            foreach($message as $i)
            {
                $i = $i['message'];
                echo "<li>$i</li>";
            }
            ?>
    

    还可以在加上留言的用户名,留言的时间,把留言做一个分页展示。

    展开全文
  • Editplus制作HTML网页

    千次阅读 2015-06-08 22:49:58
    最近在学习java web开发,作为预备知识,首先要学习HTML编程,这里记下我制作第一个网页的过程,我的学习分为以下几个步骤:①初识HTML ②Editplus简介 ③网页总体构思 ④涉及的知识点 一、初识HTML1、为什么要学...
    最近在学习java web开发,作为预备知识,首先要学习HTML编程,这里记下我制作第一个网页的过程,我的学习分为以下几个步骤:
    
    • ①初识HTML
    • ②Editplus简介
    • ③网页总体构思
    • ④涉及的知识点

    一、初识HTML

    1、为什么要学HTML

    网络应用程序常用的构架有C/S构架和B/S构架,其中,B/S构架的系统一般由动态网页负责完成信息呈现和引导交互的任务,JSP是
    Java EE的体系中编写动态网页的一种技术,而HTML则是JSP一个不可或缺的组成部分,所以有必要先掌握HTML。
    

    2、HTML的本质

    (1)它是超文本。首先它与本文有联系,其次它不仅仅是文本,还可以有图片、音频、视频、动画、超链接等更丰富的元素,超越了传
    统文本的限制。因此它可以被看做是传统文本的一个扩展或者电子化,当然它也具有区别于传统媒体的特点。
    (2)它是标记语言。标记语言是一套标记标签,HTML用标记标签来描述网页。它不是一种编译型语言,所以不需要编译器,它以一系列 
    标记标签为基础,客户端只是要有浏览器就可以对标记标签进行分析解析,从而还原发布者的源内容。
    

    二、Editplus简介

    EditPlus是一款由韩国 Sangil Kim 出品的小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器,你甚至可以通过设置用户工具将其作为C,Java,Php等等语言的一个简单的IDE。

    (1)默认支持HTML、CSS、PHP、ASP、Perl、C/C++、Java、JavaScript和VBScript等语法高亮显示。
    (2)EditPlus提供了与Internet的无缝连接,可以在EditPlus的工作区域中打开Intelnet浏览窗口。
    (3)提供了多工作窗口。不用切换到桌面,便可在工作区域中打开多个文档。
    (4)正确地配置Java的编译器“Javac”以及解释器“Java”后,使用EditPlus的菜单可以直接编译执行Java程序。
    

    Editplus的具体使用见博客

    三、网页总体框架

    喜欢看美剧的应该都听过《权利的游戏》,又名《冰与火之歌》,七个国家九大家族的权力之争,一个个个性鲜明的任务在银屏上相继出 现,过瘾之余,不免让人觉得眼花缭乱,为了使人物关系更加清晰有条理,可以设计一个相关网页,实现感兴趣信息的链接,网页初样先上图,以后有时间再完善。
    

    网页标题GAME OF THRONES链接到《权利的游戏》小说的介绍,下面是剧中九大家族的旗帜,为了美观,加入了守夜人的旗帜,连接到 另一方势力——长城以北的抗争,包括守夜人、野人和异鬼。
    这是我的第一个网页,比较简单,主要包括图片的链接、背景的设置、表格的利用、网页的布局、鼠标掠过表格元素时图片的更换和网页 尺寸的自适应,准备再在右下角加入几个标签链接到《权利的游戏》电视剧。

    权力的游戏

    四、涉及的知识点

    HTML详细教程见[链接](http://www.w3school.com.cn/html/index.asp),本博客结合案例讲解所使用到的知识点。
    

    1、HTML 标题

    HTML 标题(Heading)是通过 <h1>-<h6> 等标签进行定义的,指的是打开网页时浏览器的标签,本案例用EditPlus设计的代码如下,其中<meta>是由EditPlus创建时自动生成,嵌套<title>The Game of Thrones</title>后,浏览器标签显示The Game of Thrones。
    
    <head>
          <meta charset="UTF-8">
          <meta name="Generator" content="EditPlus®">
          <meta name="Author" content="">
          <meta name="Keywords" content="">
          <meta name="Description" content="">
          <title>The Game of Thrones</title>
    </head>

    2、HTML 段落

    HTML 段落是通过 <p> 标签进行定义的。
    
        eg.<p>This is a paragraph.</p>
           <p align="left">This is a paragraph.</p>//其中,align="left"为段落属性

    3、HTML 文档

    HTML文档的通用结构如下:
    
        <html>
            <head>                
                  <title>The Game of Thrones</title>
            </head>
            <body>
                <p>This is my first paragraph.</p>
            </body>
        </html>

    4、HTML 链接

    链接的 HTML 代码类似这样:
    
    <a href="url">Link text</a>
    其中,href 属性规定链接的目标,开始标签和结束标签之间的文字被作为超级链接来显示。
    
        eg.<a href="http://www.w3school.com.cn/">Visit W3School</a>
    上面这行代码显示为:Visit W3School,点击这个超链接会把用户带到 W3School 的首页。
    提示:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
    
    eg. <a href="http://baike.baidu.com" target="_parent" >
                 <img src="./FAMILY/stark.jpg" width=100% border=none>      
        </a>

    5、HTML 表格

    本案例中使用了2x5的表格,每个表格单元放置了一张图片链接。表格由 <table> 标签来定义。 
    每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。 
    字母 td 指表格数据(table data),即数据单元格的内容。 
    数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
    
    <table border="1">
            <tr>
                <td>row 1, cell 1</td>
                <td>row 1, cell 2</td>
            </tr>
            <tr>
                <td>row 2, cell 1</td>
                <td>row 2, cell 2</td>
            </tr>
    </table>
    在浏览器显示如下:
    row 1, cell 1   row 1, cell 2
    row 2, cell 1   row 2, cell 2
    

    6、HTML 样式

    当单个文件需要特别样式时,就可以使用内部样式表,通过 <style> 标签定义内部样式表。 本案例中,分别对body部分、表格单元中图片以及表格整体设置了相应的样式。
    
    <style>
            body{ margin:0; padding:50px; }
            div{ height:100%; width:80%; margin:0 auto;}/*这里的width height 大于图片的宽高*/
            table{ height:100%;width:100%; padding:50px; }
    </style>

    7、HTML 背景

    背景可以通过RGB 值或者图片来设置

    <body bgcolor="#000000">
        <body bgcolor="rgb(0,0,0)">
        <body bgcolor="black">
        <body background="http://www.w3school.com.cn/clouds.gif">

    本案例在代码正文直接用图片设置背景,方法如下:

    <div>
            <img style="position:absolute;left:0px;top:0px;width:100%;height:100%;z-Index:-1; border=none; solid blue" src="./bg.jpg"  />
    </div>
    

    8、HTML鼠标触发事件

    本案例中,当鼠标略过网页中某张图片时,图片会变成另一张,由《权利的游戏》家族旗帜变成家族主要成员,具体实现如下:

    <a href="http://baike.baidu.com" target="_parent" >
             <img src="./FAMILY/stark.jpg" width=100% border=none
             onmouseover='src="./FAMILY/starks.jpg"' onmouseout='src="./FAMILY/stark.jpg"'>     
    </a>
    其中,onmouseover='src="./FAMILY/starks.jpg"'   onmouseout='src="./FAMILY/stark.jpg"'为关键设置, 
    border=none设置图片显示无表框。
    
    展开全文
  • #3使用html+css+js制作网页 制作登录网页

    万次阅读 多人点赞 2020-01-31 20:23:54
    #3使用html+css+js制作网页 制作登录网页 详细教程

    引言:
    在一个由html+css+js制作的网页中,html就是框架,js就是脚本,css就是样式
    前面知道了那么多概念,现在可以开始实战了

    本系列链接

    #1使用html+css+js制作网站教程 准备
    #2使用html+css+js制作网站教程 测试
    #3使用html+css+js制作网页 制作登录网页
    #3使用html+css+js制作网页 番外篇 制作接收php
    #3使用html+css+js制作网页 番外篇 使用python flask 框架(I)
    #3使用html+css+js制作网页 番外篇 使用python flask 框架 (II)

    2制作登录网页

    2.1 准备

    做一个项目,首先先要建立一个文件夹结构。如本系列第1部所述,使用一个好的文件结构是编写代码的好习惯。

    2.1.1 创建文件夹

    如本系列第一部所述,创建文件夹结构。

    2.1.2 创建主文件

    index是默认的首页文件(index.php,index.asp等都是,详情参考该网站)
    index.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
        
    </body>
    </html>
    

    2.2 html部分

    2.2.1 网站信息

    向index.html中的<head></head>里面加入以下代码

    	<!--声明信息-->
        <meta name="author" content="这里输入作者名" />
        <meta name="generator" content="这里输入IDE名字" />
        <!--声明结束-->
        <!--网站声明-->
        <meta name="keywords" content="这里输入搜索关键字" />
        <!--声明结束-->
    

    2.2.2 主要框架

    我们是要做一个登录页面,所以必须要有两个输入框和一个提交按钮。
    向index.html中的<body></body>里面添加以下代码:

    <div>
    	<input type="text" placeholder="username"/>
    	<input type="text" placeholder="passwords"/>
    	<button>提交</button>
    </div>
    

    我们就同过上面的代码创建了2个输入框,一个提交按钮。其中:

    • <div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。
    • <input> 是输入框,里面的type="text"是指定它的类型是输入字符串,placeholder是指定它的默认信息
    • <button>是按钮,用onclick="submit()"指定它被点击后就执行submit()函数(该函数在js文件里面)

    添加后,我们可以看见和图片一样的效果:
    效果

    2.2.3 给每个元素添加ID

    ID相当于是每个元素的唯一识别码,给每个元素添加id以便于css和js文件选择该元素。

    <div id="input_f">
        <input id="um" type="text" placeholder="username" />
        <input id="pd" type="text" placeholder="passwords" />
        <button id="bu">提交</button>
    </div>
    

    其中,id的值可以随意更改,只要接下来的部分用自定义的id名称,替换我的id名称编写。

    2.3 css部分

    2.3.1 创建主css文件

    /www/css文件夹中创建main.css文件。

    2.3.2 引入css文件

    <body></body>中插入以下代码:

    <link rel="stylesheet" type="text/css" href="css/main.css">
    

    参考网站

    2.3.3 美化页面

    Step1 垂直居中

    为了让我们的登录页面更美观,把index.html中原来<body></body>更改为:

    <body>
        <div id="input_f">
            <input id="um" type="text" placeholder="username" /><br />
            <input id="pd" type="text" placeholder="passwords" /><br />
            <button id="bu">提交</button>
        </div>
    </body>
    

    其中,可以看到笔者添加了几个<br/>,该元素为html中的换行符。
    main.css中添加:

    #input_f {
        text-align: center;
        height: 40vh;
        margin: 0 auto;
        width: 30vw;
    }
    

    其中,#xxx{}是css中的id选择器,text-align:center;是该div中子元素居中显示,margin解释过于长,请参考点我跳转height是该元素高度,vhvw是一种单位,该值将屏幕可见长度和可见宽度分为100份,而25vh就等于25%的屏幕长度,30vw就等于30%的屏幕宽度,该单位在部署页面自适应的时候很常见

    Step2 与页面上方距离

    main.css中更改id为input_f的选择器为:

    #input_f {
        text-align: center;
        height: 40vh;
        margin: 0 auto;
        margin-top: 25vh;
        width: 30vw;
    }
    

    其中,margin-top是该元素距离父元素顶部的距离,也就是设置<div id="input_f">顶部距离<html>顶部的距离。

    Step3 添加圆角边框

    我们还可以为div添加边框,将main.css中input_f的选择器改为:

    #input_f {
        text-align: center;
        height: 40vh;
        margin: 0 auto;
        margin-top: 25vh;
        width: 30vw;
        border: 2px solid darkslategray;
        border-radius: 30px;
    }
    

    其中,border为边框设置,请参考点我跳转

    Step4 添加标题

    index.htmlid为um的input元素的上面添加:

    <div style="font-size: 3vw;">Login</div>
    

    其中,font-size是设置文字大小。
    至此,我们可以拥有一个和图片一样的登录页面:
    效果图

    2.3.4 美化组件

    BUTTON

    默认的button按钮样式很不美观,笔者在此,引用mcya的博客的css样式,在main.css中添加:

    #bu {
        margin-top: 5px;
        width: 15vw;
    }
    /*以下来自https://blog.csdn.net/genius_yym/article/details/79670326 的博客,如有侵权,请联系删除*/
    button {
        display: inline-block;
        outline: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        font: 14px/100% Arial, Helvetica, sans-serif;
        padding: 5px 2px 4px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        color: #d9eef7;
        border: solid 1px #0076a3;
        background: #0095cd;
        background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
        background: -moz-linear-gradient(top, #00adee, #00678e);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#00678e');
    }
    
    button:hover {
        background: #007ead;
        background: -webkit-gradient(linear, left top, left bottom, from(#00678e), to(#0095cc));
        background: -moz-linear-gradient(top, #00678e, #0095cc);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00678e', endColorstr='#0095cc');
    }
    /*结束*/
    

    其中,如有属性名不熟悉,可参考点我跳转菜鸟教程button:hover为鼠标悬浮在button的元素上时,button元素的样式,xxx{}为元素选择器,选择全部button元素。

    INPUT

    把main.css中除了button(刚刚上面给的代码)都替换成:

    #input_f {
        text-align: center;
        height: 40vh;
        margin: 0 auto;
        margin-top: 25vh;
        width: 30vw;
        border: 2px solid darkslategray;
        border-radius: 30px;
        background-color: rgb(170, 169, 169);
    }
    
    input {
        outline-style: none;
        border: 1px solid #ccc;
        border-radius: 3px;
        border: 0px;
        width: 20vw;
        height: 3vw;
        margin-top: 5px;
    }
    
    #um {
        margin-top: 10px;
    }
    
    input:focus {/*发光*/
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
    }
    

    2.4回顾

    至此,我们页面的渲染部分结束,我们使用了html+css的方式渲染页面,我们可以获得和下图一样的效果:
    效果图

    2.5 JavaScript部分

    2.5.1 创建主js文件

    /www/js文件夹下创建main.js
    然后在index.html<head></head>里面添加:

    <script type="text/javascript" src="js/main.js"></script>
    

    2.5.2 提交表单(通过POST方法)

    给在index.html的button添加onclick属性,绑定点击函数:

    <button id="bu" onclick="submit()">提交</button>
    

    有关POST问题看这里

    2.5.2.1 纯js方式

    此处部分代码引用于另外一个博客

    /*此处代码为引用https://blog.csdn.net/Lianxingjie_1024/article/details/80238139的博客*/
    function post(URL, PARAMS)
    {
        var temp = document.createElement("form");
        temp.action = URL;
        temp.method = "post";
        temp.style.display = "none";
        for (var x in PARAMS)
        {
            var opt = document.createElement("textarea");
            opt.name = x;
            opt.value = PARAMS[x];
            // alert(opt.name)
            temp.appendChild(opt);
        }
        document.body.appendChild(temp);
        temp.submit();
        return temp;
    }
    //代码引用结束
    function submit(){
    var um=document.getElementById("um").value;//根据 Id获得对象中的值
    var pd=document.getElementById("pd").value;//根据 Id获得对象中的值
    var rt=post('接收文件', {password:pd,username:um});
    alert("提交成功,"+rt);
    }
    

    其中,有关post问题参考原博客,有关取值问题参考这里

    2.5.2.2 JQ方法

    先于index.html中的<head></head>里面添加:

    <script
      src="https://code.jquery.com/jquery-3.4.1.min.js"
      integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
      crossorigin="anonymous"></script>
    

    来引入jq,然后在main.js中添加

    function submit(){
    var um=document.getElementById("um").value;
    var pd=document.getElementById("pd").value;
    $.post("接收文件",{
    username:um,
    password:pd
    
    },
    
    function(data,status){
    
    alert("数据: \n" + data + "\n状态: " + status);
    
    });
    }
    

    有关ajax post参考这里,其中,本次教程暂无接收php(教程已补点我跳转)

    2.5.2.3 表单

    或者,我们可以把整个作为一个表单提交,在index.html中修改input_f

    <div id="input_f">
    	<form action="接收php的地址" type="post">
            <input id="um" type="text" placeholder="username" /><br />
            <input id="pd" type="text" placeholder="passwords" /><br />
            <input id="bu" type="submit">提交</input>
        </form>
    </div>
    

    这样也可以达到一样的效果。

    2.6 总结

    写了这么多,其实都是老生常谈了,这里推荐几个参考网站:
    菜鸟教程
    w3school
    CSDN
    本文代码包github下载

    END
    展开全文
  • 在暑假的这几天时间里,制作了一个...刚刚更新源码到github上点击打开链接一、开发环境的搭建 (1)apache+php+mysql环境搭建 因为要apache来做服务器,mysql作为数据库来存储数据,php来写代码以此实现网页与数据...

       在暑假的这几天时间里,制作了一个简单的博客网站。下面我将这几天的操作流程来说一下,在原文末会贴上代码,也会给出下载链接。(闲复制代码麻烦的可以到下载地址这里直接下载 点击打开链接) 刚刚更新源码到github上点击打开链接

     

    一、开发环境的搭建

       1)apache+php+mysql环境搭建

       因为要用apache来做服务器,mysql作为数据库来存储数据,php来写代码以此实现网页与数据库的交互数据,所以需要下载上述软件,但上述软件的安装环境、配置很麻烦,所以在这里用了一个功能强大的建站集成软件包---XAMPP,具体的安装方法可见链接(点击打开链接)。

            

     

       当然,也有可能启动Apache时候出现错误,这里给出链接(点击打开链接),如果apache启动有错误可以参考上面这个链接来解决问题。

       2)数据库客户端软件navigat

       直接在cmd命令控制台操作数据库并不方便,不够直白,当然也可以直接用phpmyadmin来操作(上述xampp软件包安装之后在游览器输入127.0.0.1/phpmyadmin即可打开),但是phpmyadmin来操作也不方便,这里便采用Oracle公司出品的数据库客户端Navicat,这里还是给出链接(点击打开链接),按照要求下载即可,

           点击连接,输入连接名,(这里我直接取了IP地址的名字127.0.0.1),主机名和端口号都不用变,这里的用户名和密码。如果是你用的是xampp,那么用户名是root,密码为空;如果不是用的是xampp安装的,按照你设置的用户名和密码登录即可。填写完毕之后点击连接测试,没有问题直接确定即可连接好数据库。

                                

        此外你要是想掌握数据库,简单来讲你想对数据库的任何操作,都必须操作sql语句,总的来说分为四个操作:增删改查。

                      

        ①增:向数据库写入数据

        语句:insert into users (`username`,`password`) values ('name','passwd')

        (ps新手一定要注意这离users这个数据表后面的``这个符号是在tab键上方的引号,而values后面的就是个单引号)

        ②删:删除已有数据

        语句:delete from users WHERE id='3'

        ③改:修改数据

        语句:update set users username='新值', password='新值' WHERE id=3

        ④查:从数据库读取数据

        语句:select * from users where id>1 order by id desc limit 0,2

        如果你想进一步深入的了解mysql语句的话,看一下这里的连接,(点击打开链接)连接给出了这四个操作的具体参数的详解,要想用数据库一定要掌握这四个操作。

     

       (3)html网页的编写工具sublime text

       Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime text具有漂亮的用户界面和强大的功能,非常适合写代码的程序猿。在这里还是给出sublime text的安装方法以及注册码及常用插件的安装步骤,按照连接下载即可。(点击打开链接

             

     

       用sublime text来写网页代码,可以掌握这样一个小技巧,先新建一个文件,格式保存为html网页格式,然后在sublime text中打开,输入html:4s 然后按下tab键即可生成大体框架。当然这个快捷键要想使用是要按照我上述给的链接,按照步骤安装好Emmet这个插件,才能使用。

      4)网站域名的配置

       一般来讲,你在游览器打开127.0.0.1这个网址,会转到apache默认目录下的一个网址,这里我对其进行修改,修改为我做项目的目录,E:\PHP\xampp\apache\conf,打开httpd.conf文件,将里面的路径修改为你存储网站的目录,在这里我的修改为

        DocumentRoot "E:/php/xampp/workplace"
        <Directory "E:/PHP/xampp/workplace">

       这里要注意按照自己的下载按照路径来修改为自己的目录,其次我还对这个127.0.0.1这个网址再次做了修改,使其虚拟域名为blog.com,具体的配置及修改还是见链接(点击打开链接),修改完之后重启之后,在游览器输入blog.com,便会出现下述场景:

           

     

       在这里我发现我修改的DNS配置,不知道何时再前面加了一条注释,导致没法打开,大家也要注意按照我给的连接配置好之后,如果打不开再看一下配置文件有无错误。

    总之,配置环境和工具基本上也搭建成功了,接下来我就开始讲解这个blog的项目。

       二、博客网站的书写

       1.总体框架

       首先在这里我先介绍一下我的总体框架,讲解一下,让大家先熟悉一下。

                 

     

      blog是项目的名字,admin文件夹里面存储的是后台登录文件  core文件夹里面存储核心文件,theme文件夹存储网页的样式文件  upfiles文件夹是存储从本地上传到服务器的图片信息,之后config.php文件是整个博客网站的配置文件,header.inc.php是加载了一个页面样式信息,index.php文件是网站的首页,read.php文件是网站首页文章的具体链接。

     

       数据库表中的设计在这里我给出,方便大家参考学习,这里我主要建立了三个表,admin这个表示用来存储后台管理员注册和登录的数据,即账户和密码:

     

     

        page这个表主要是用来存储博客信息,在这里也给图片,方便安装图来建表:

     

     

     

     

       最后给出setting这个表,主要是用来存储博客的系统设置:

                

     

      2.网站后台admin的书写

     1)登录界面(login.php)

     

     

     

       关于这个页面我会在这里给出源码,登录页面其实也就是个从数据库读取的过程,这个登录页面的设计我主要是采用了bootstrap来设计的,不明白的可以百度一下bootstrap,可以参考我的链接来看一下(点击打开链接

     

     

     

       在这里面它包含了各式的样式、组件和JavaScript插件,可以说很好用。

            

     

       在这里我的使用方法是将bootstrap下载下来,然后将文件加压,复制到theme这个文件夹下面,调用方法见下面的源码,在源码中我都给出了详细的解释。

       源码:

      

    <?php
    /*
    后台管理员登录窗口
     */ 
        
        /*启动session服务,记录账号登录的cookies*/
    	session_start();
    	
    	/*包含一个配置文件*/
    	include('../config.php');
    	
    
    	 if($input->get('do')=='check'){
    	 	/*获取页面提交的用户名和密码数据*/
    	 	$ausername=$input->post('ausername');
    	 	$apassword=$input->post('apassword');
    
    	 	/*查询页面提交的数据是否在数据库提供的数据存在的sql语句*/
    	 	 $sql="select * from admin where ausername='{$ausername}' and apassword='{$apassword}' ";
    	 	 /*数据库查询语句返回结果*/
    	 	 $mysqli_result=$db->query($sql);
    	 	 /*以数组形式存储数据库查询语句的返回结果*/
    	 	 $row=$mysqli_result->fetch_array( MYSQLI_ASSOC);
    	 	 /*如果row确实返回了结果,则将结果的aid存储在session里,并转向home.php文件*/
    	 	 if(is_array($row)){
    	 	 	$_SESSION['aid']=$row['aid'];
    	 	 	header("location:home.php");
    	 	 }else{
    	 	 	echo("账户或密码错误");
    	 	 }
    	 }
    ?>
    
    <!--后台管理员登录界面></!-->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    	<title>管理员登录界面</title>
    	<!--加载包含bootstrap里css和javascript里的文件></!-->
    	<?php include(PATH . '/header.inc.php');?>
    	
    
    </head>
    <body>
    	<!--最外面的container容器></!-->
    	<div class="container">
    		<!--bootstrap使用时建议使用一个row表格类,包含12个列></!-->
    		<div class="row" style="margin-top:200px;">
    			<!--距左边3个列></!-->
    			<div class="col-md-3"></div>
    			<!--中间部分占据6列></!-->
    			<div class="col-md-6" ">
    			 
    			    <div class="panel panel-primary">
    			    	<!--登录头部分></!-->
    			  		<div class="panel-heading">管理员登录</div>
    			  		<!--登录的身体部分></!-->
    			  		<div class="panel-body">
    			    		
    			    		<form  class="form-horizontal" action="login.php?do=check" method="post">
    							<!--登录的用户名那一行></!-->
    							<div class="form-group">
    						    	<label for="inputEmail3" class="col-sm-2 control-label">用户名</label>
    						    <div class="col-sm-10">
    						      	<input type="text" class="form-control" name="ausername" id="ausername" placeholder="请输入用户名" datatype="*3-10" errormsg="请输入长度 范围在3-10之间的昵称">
    						    </div>
    						    </div>
    							
    							<!--登录的密码那一行></!-->
    						    <div class="form-group">
    						    	<label for="inputEmail3" class="col-sm-2 control-label">密码</label>
    						    <div class="col-sm-10">
    						      	<input type="password" class="form-control" name="apassword" id="apassword" placeholder="请输入密码">
    						    </div>
    						    </div>
    							
    							<!--登录、注册那一行></!-->
    						    <div class="form-group">
    						    <div class="col-sm-3"></div>
    						    <!--登录></!-->
    						    <div class="col-sm-4">
    						      	<input type="submit" value="登录" class='btn btn-primary'>
    						    </div>
    						    <!--注册></!-->
    							<div class="col-sm-4">
    								<a href="register.php"><input type="button" value="注册" class="btn btn-primary"> </a>
    							</div>
    							</div>
    			    		</form>
    
    						
    
    					</div>
    					 <!--登录的尾部分></!-->
    			  		 <div class="panel-footer text-right">版权所有,盗版必究</div>
    			    </div>
    			
    			</div>
    			<!--距离右边三列></!-->
    			<div class="col-md-3"></div>
    		</div>
    	</div>
    	<!--窗口背景的script加载></!-->
    	<script type="text/javascript">
    		window.onload = function() {
    			var config = {
    				vx : 4,
    				vy : 4,
    				height : 2,
    				width : 2,
    				count : 100,
    				color : "121, 162, 185",
    				stroke : "100, 200, 180",
    				dist : 6000,
    				e_dist : 20000,
    				max_conn : 10
    			}
    			CanvasParticle(config);
    		}
    	</script>
    	<script type="text/javascript" src="../theme/js/canvas-particle.js"></script>
    	</script>
    </body>
    </html>

     

       (2)注册界面(register.php)

       注册界面其实也就是个往数据库增加数据的过程。

      

     

       还是给出源码,源码中我给出了详解。

      

    <?php
    	/*包含一个配置文件*/
    	include('../config.php');
    	
    	if($input->get('do')=='check'){
    		/*获取用户页面注册传来的用户名和密码数据*/
    		$ausername=$input->post('ausername');
    		$apassword=$input->post('apassword');
    		$aconfirmpassword=$input->post('aconfirmpassword');
    		/*注册时的处理*/
    		if($apassword!=$aconfirmpassword){
    			echo "前后两次输入的密码不一致";
    			exit;
    		}
    		/*将用户填入的数据插入到数据库的sql语句*/
    		$sql="INSERT INTO admin(`ausername`,`apassword`) values('$ausername','$apassword')";
    		/*提交sql语句到数据库处理*/
    		$is=$db->query($sql);
    		/*判断是否注册成功*/
    		if($is){
    			echo "注册成功";
    			header("Location:login.php");
    		}else{
    			echo "注册失败";
    		}
    	}
    
    
    ?>
    
    
    
    <!--后台管理员登录界面></!-->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    	<title>管理员注册界面</title>
    	<!--加载包含bootstrap里css和javascript里的文件></!-->
    	<?php include(PATH . '/header.inc.php');?>
    	
    </head>
    <body>
    	<!--最外面的container容器></!-->
    	<div class="container">
    		<!--bootstrap使用时建议使用一个row表格类,包含12个列></!-->
    		<div class="row" style="margin-top:200px;">
    			<!--距左边3个列></!-->
    			<div class="col-md-3"></div>
    			<!--中间部分占据6列></!-->
    			<div class="col-md-6" ">
    			 
    			    <div class="panel panel-primary">
    			    	<!--注册头部分></!-->
    			  		<div class="panel-heading">管理员注册</div>
    			  		<!--注册的身体部分></!-->
    			  		<div class="panel-body">
    			    		
    			    		<form  class="form-horizontal" action="register.php?do=check" method="post">
    							<!--注册的用户名那一行></!-->
    							<div class="form-group">
    						    	<label for="inputEmail3" class="col-sm-2 control-label">用户名</label>
    						    <div class="col-sm-10">
    						      	<input type="text" class="form-control" name="ausername" id="ausername" placeholder="请输入用户名">
    						    </div>
    						    </div>
    							
    							<!--注册的密码那一行></!-->
    						    <div class="form-group">
    						    	<label for="inputEmail3" class="col-sm-2 control-label">密码</label>
    						    <div class="col-sm-10">
    						      	<input type="password" class="form-control" name="apassword" id="apassword" placeholder="请输入密码">
    						    </div>
    						    </div>
    						    <!--注册的密码确定那一行></!-->
    						    <div class="form-group">
    						    	<label for="inputEmail3" class="col-sm-2 control-label">确认密码</label>
    						    <div class="col-sm-10">
    						      	<input type="password" class="form-control" name="aconfirmpassword" id="aconfirmpassword" placeholder="请再次输入密码">
    						    </div>
    						    </div>
    							
    							<!--提交注册那一行></!-->
    						    <div class="form-group">
    						    <div class="col-sm-4"></div>
    						    <div class="col-sm-6">
    						      	<input type="submit" value="注册" class='btn btn-primary btn-lg btn-block'>
    						    </div>
    						    </div>
    			    		</form>
    
    						
    
    					</div>
    					 <!--登录的尾部分></!-->
    			  		 <div class="panel-footer text-right">版权所有,盗版必究</div>
    			    </div>
    			
    			</div>
    			<!--距离右边三列></!-->
    			<div class="col-md-3"></div>
    		</div>
    	</div>
    	<!--窗口背景的script加载></!-->
    	<script type="text/javascript">
    		window.onload = function() {
    			var config = {
    				vx : 4,
    				vy : 4,
    				height : 2,
    				width : 2,
    				count : 100,
    				color : "121, 162, 185",
    				stroke : "100, 200, 180",
    				dist : 6000,
    				e_dist : 20000,
    				max_conn : 10
    			}
    			CanvasParticle(config);
    		}
    	</script>
    	<script type="text/javascript" src="../theme/js/canvas-particle.js"></script>
    	</script>
    </body>
    </html>

     

       3)后台管理页面(home.php)

     

     

     在源码中将上述网站的标题那部分单独给拿出来做了一个文件(nav.inc.php),这里也是给出源码,供大家学习参考。

     

     

     home.php源码

     

    <?php
    /*
    后台管理员登录之后php控制端
     */ 	
    	include ('check.php');
    ?>
    
    <!--后台管理员登录之后的界面<>/!-->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
    	<title>管理员登录</title>
    	<?php include(PATH . '/header.inc.php');?>  <!--所有的页面都需加载这个文件></!-->
    </head>
    <body>
    	<?php include('nav.inc.php');?>  <!--管理员登录页面的标题部分></!-->
    </body>
    </html>

     nav.inc.php

     

     

    <!--后台管理界面的上方标题></!-->
    <nav class="navbar navbar-default" role="navigation">
    	  <div class="container-fluid">
    	    <!-- Brand and toggle get grouped for better mobile display -->
    	    <div class="navbar-header">
    	      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
    	        <span class="sr-only">Toggle navigation</span>
    	        <span class="icon-bar"></span>
    	        <span class="icon-bar"></span>
    	        <span class="icon-bar"></span>
    	      </button>
    	      <a class="navbar-brand" href="home.php">ADMIN</a>
    	    </div>
    
    	    <!-- Collect the nav links, forms, and other content for toggling -->
    	    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    	      <ul class="nav navbar-nav">
    	        <li ><a href="blog.php">博客管理 <span class="sr-only">(current)</span></a></li>
    	        <li><a href="auser.php">管理员管理</a></li>
    	         <li><a href="setting.php">系统管理</a></li>
    	      </ul>
    	     
    	      <ul class="nav navbar-nav navbar-right">
    	       
    	        <li class="dropdown">
    	          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <?php echo $session_user['ausername'];?> <span class="caret"></span></a>  <!--输出此时登录的账户名></!-->
    	          <ul class="dropdown-menu">
    	            <li><a href="logout.php">退出</a></li>
    	           
    	          </ul>
    	        </li>
    	      </ul>
    	    </div><!-- /.navbar-collapse -->
    	  </div><!-- /.container-fluid -->
    	</nav>				

     

     

     

      4)博客管理界面(blog.php)

      这里有三个功能,修改、删除、添加博客界面,下面我将单独列出添加博客这个界面

     

     

     

      (5)添加博客界面(blog_add.php)

     

     

     

       为什么要单独列出添加博客这个界面呢?因为在添加博客这个界面中加载了一个编辑器,一个强大的在线编辑器simditor,这里还是给出下载及使用连接,大家可以作为参考,学习一下(点击打开链接)在这里这个编辑器如果需要图片上传功能的话,需要在文件中设置,这个文件设置为(blog_uopload.php)

       blog_add.php源码

     

    <?php
    	/*后台除去管理员登录界面,均需加载这个文件,来验证该页面管理员是否登录*/ 
    	include ('check.php');
    	/*取出传来的pid从而判断是添加还是修改操作*/
    	$pid=$input->get('pid');
    	/*初始化page,为了区别添加还是修改操作*/
    	$page=array(
    			'title'   => '',
    			'author'  => '',
    			'content' => '',
    		);
    	/*如果pid大于0,可以得出并不是添加操作,而是修改操作*/
    	 if($pid>0){
    	 	$sql="select * from page where pid ='{$pid}' ";
    	 	$res=$db->query($sql);
    	 	$page=$res->fetch_array(MYSQLI_ASSOC);
    	 }
    
    
    
    	 /*对于添加操作操作而言,账户或密码不能为空*/
    	if($input->get('do')=='add'){
    		$title=$input->post('title');
    		$author=$input->post('author');
    		$content=$input->post('content');
    		if(empty($title)||empty($author)||empty($content)){
    			echo("数据不能为空");
    		}
    		/*如果aid大于1,则得出更新操作,否则执行添加操作*/
    		if($pid>0){
    			$uptime=time();
    			$sqlTpl="UPDATE page set title='%s',author='%s',content='%s',uptime='%d' where pid='%d' ";
    			$sql=sprintf($sqlTpl,$title,$author,$content,$uptime,$pid);
    		}
    		else{
    			$intime=time();
    			$sqlTpl="INSERT INTO page(`title`,`author`,`content`,`intime`,`uptime`) values('%s','%s','%s','%d','%d')";
    			$sql=sprintf($sqlTpl,$title,$author,$content,$intime,0);
    			
    		}			
    		/*判断是否有结果*/
    		$is=$db->query($sql);
    		if($is){
    			header("location:blog.php");
    		}else{
    			echo "执行失败";
    		}
    	}
    ?>
    
    <!--管理员添加博客或修改博客的界面<>/!-->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    	<title>添加博客</title>
    	<?php include(PATH . '/header.inc.php');?>
    
    	<!--加载simiditor编辑器的文件></!-->
    	<link rel="stylesheet" type="text/css" href="../theme/simditor/styles/simditor.css" />
    	<script type="text/javascript" src="../theme/simditor/scripts/module.js"></script>
    	<script type="text/javascript" src="../theme/simditor/scripts/hotkeys.js"></script>
    	<script type="text/javascript" src="../theme/simditor/scripts/uploader.js"></script>
    	<script type="text/javascript" src="../theme/simditor/scripts/simditor.js"></script>
    
    </head>
    <body>
    	<?php include('nav.inc.php');?>
    	<div class="container">
    	<h2> 博客管理 <small class="pull-right"><a class='btn btn-default' href="blog.php">返回</a></small></h2>
    	<hr/>
    		<div class="rows">
    			<form class="form-horizontal" role="form" action="blog_add.php?do=add&pid=<?php echo $pid;?>" method="post">
    			  <div class="form-group">
    			    <label for="inputEmail3" class="col-sm-2 control-label">标题</label>
    			    <div class="col-sm-6">
    			      <input type="text" class="form-control" name="title" placeholder="请输入标题" value='<?php echo $page['title'];?>'>
    			    </div>
    			  </div>
    			  <div class="form-group">
    			    <label for="inputPassword3" class="col-sm-2 control-label">作者</label>
    			    <div class="col-sm-4">
    			      <input type="text" class="form-control" name="author" placeholder="请输入作者" value='<?php echo $page['author'];?>' >
    			    </div>
    			  </div>
    
    			  <div class="form-group">
    			    <label for="inputPassword3" class="col-sm-2 control-label">正文</label>
    			    <div class="col-sm-8">
    			     	<textarea id="content" name="content" class="form-control"><?php echo $page['content'];?></textarea>
    			     	<!--在script中初始化编辑器,在这里注意script里加载的textarea的ID要与上方textarea的id号一致></!-->
    					<script>
    						var editor = new Simditor({
    						  textarea: $('#content'),
    						  upload:{
    						  	url:'blog_upload.php',
    						  	fileKey:'file1'
    						  }
    						  //optional options
    						});
    					</script>			     	
    			    </div>
    			  </div>
    			  
    			  <div class="form-group">
    			    <div class="col-sm-offset-2 col-sm-6">
    			      <button type="submit" class="btn btn-default">提交</button>
    			    </div>
    			  </div>
    			</form>
    			
    		</div>
    	</div>
    </body>
    </html>

     
      

     

      blog_upload.php源码

     

    <?php
    	/*后台除去管理员登录界面,均需加载这个文件,来验证该页面管理员是否登录*/ 
    	include('check.php');
    	/*将文件上传到服务器的目录里*/
    	$key='file1';
    	$dir='../upfiles/';
    	if(isset($_FILES[$key])){
    		$file=$_FILES[$key];
    		if($file['error']==0){
    			/*文件所处服务器的目录*/
    			$pathName=$dir . $file['name'];
    			/*文件所在服务器的网址*/
    			$urlName='http://blog.com/blog/upfiles' . $file['name'];
    			$is=move_uploaded_file($file['tmp_name'], $pathName);
    			/*判断是否移动成功*/
    			if(!$is){
    				die("上传失败");
    			}
    			/*编辑器来判断是否成功上传图片*/
    			$json=array(
    				'success' => true,
    				'msg'     => '',
    				'file_path'=>$urlName
    				);
    			echo json_encode($json);
    		}
    	}
    ?>

     

     

     

      6)管理员管理界面(auser.php)

      这里还是有三个功能,修改、删除和添加,这里我就不单独一一列出来了,具体可参考文末给出的源码

     

      7)系统管理界面

      系统管理可以在这里设置标题、介绍和博客每页的显示数量

     
     

     

     

     

     

      3.主界面(index.php)

      这里是游客访问的主界面,这里给出源码大家作为参考,

     

      阅读界面(read.php)

      当你想阅读该文章时,可点击标题进入阅读页,进行阅读,同样给出源码,作为参考

     

     

     

     

     

    展开全文
  • PHP动态网页设计与制作案例教程pdf

    千次阅读 2017-07-18 21:25:00
    PHP动态网页设计与制作案例教程》通过展示一个完整网站的设计和实现过程,详细地介绍动态网页设计和制作的技术和相关理论。全书共8章,主要包括:动态网站设计概述、动态网站编程环境、网站主页设计与PHP基础、...
  • linux网页制作

    千次阅读 2015-01-23 12:55:31
     网页制作是Web应用的重要组成部分,这里介绍三款Linux桌面环境下的网页制作工具Screem、Bluefish和Quanta Plus,利用它们可以轻松制作网页。 在fedora里面可以只有yum安装bluefish,我使用的是这款软件; ...
  • FusionCharts是一个很好的嵌入网页表格工具,下面介绍一下在php和java中的使用。首先在下载FusionCharts. 下载完成后解压目录结构如下: 环境搭建 启动php服务器我使用的是ComsenzEXP,把解压后的...
  • 网页制作技术

    千次阅读 2017-08-02 08:28:21
    网页制作技术 1、 XHTML+CSS 标记语言 一、 WEB标准的概念及组成 1)WEB标准是网页制作的标准,它不是一个标准,它是根据网页的不同组成部分生成的一系列标准。这些标准大部分由W3C起草发布,也有部分标准由ECMA...
  • 网页设计\网页制作常用软件大全

    千次阅读 多人点赞 2014-03-04 12:08:26
    网页设计\网页制作常用软件 一、专业的网页设计、网页制作软件: 1、CorelDraw:通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中,制作矢量的插图、设计及图像,出色地设计公司标志、简报、彩页、...
  • html5网页基本制作php入门代码

    千次阅读 2017-10-12 21:46:42
    html部分程序代码(王劲松 吴杨杨) php部分代码
  • cURL 制作一个简单的网页爬虫

    千次阅读 2016-07-21 14:11:16
    /**  * 实例描述:下载网络上面的一个HTTPS的资源  */ $curlobj = curl_init(); // 初始化 curl_setopt($curlobj, CURLOPT_URL, ...// 设置访问网页的URL curl_setopt($curlobj, CURLOPT_RETURNTRANSFER, true);
  • 简单制作网页分享按钮

    千次阅读 2014-07-18 22:26:45
    《自己写的一个分享按钮的插件(可扩展,内附开发制作流程) 》 《分享组件代码(整理)》 最后我的实现起来,比上述的都要简单,也不想搞那么复杂,没有写任何 JS。另外,为适应我自己的类库,我 JSP 的 Tag ...
  • smarty是一个php模板引擎,它分开了逻辑程序和外在的内容,提供了一种易于管理的方法.Smarty要求web服务器运行php4.0.6和以上版本.smarty安装需要smarty库文件。可以去官方网站http://smarty.php.net下载。网上讲了很...
  • VB 制作网页浏览器

    千次阅读 2012-04-22 19:49:20
    '如果你希望新打开的网页出现在同一个窗口,可以这样做 Dim WithEvents Web_V1 As SHDocVwCtl.WebBrowser_V1 Private Sub Form_Load() Set Web_V1 = WebBrowser1.Object WebBrowser1.Navigate2 ...
  • 如何制作手机自适应网页

    千次阅读 2016-10-20 11:09:06
    1.打开你需要制作手机网页的html或者php等等网页源码文件。在之间加入meta标签。 2.向浏览器声明该网页为移动设备自适应网页的meta标签为: 3.将以上标签加入之后保存,再手机...
  • 网页制作答疑

    千次阅读 2008-09-17 09:46:00
    1,Q:怎样把别人网页上的背景音乐保存...如果还是找不见该文件,可以打开网页的源文件,找到音乐文件的 URL 路径,“蚂蚁”等 FTP 软件进行下载。 2,Q:避免有人从你分帧的主页的帧中径直进入网站,而不是从 index.htm
  • if,elseif,elseif语句和和条件同php差不多,但每个词之间必须空格分割开。也有一些新的条件语句,列举如下:eq相等,ne、neq不相等,gt大于,lt小于,gte、ge大于等于, lte、le 小于等于,not非,mod求模。is ...
  • 找到网站根目录,把文件放在WWW文件下 这里我新建了一个login文件夹来存放,其中包括以下几个文件: login.php 登录页面 register.php 注册页面 loginout.php 注销页面 index.php 登录成功页面 skip.php 注销跳转...
  • 网页制作HTML代码全攻略

    万次阅读 多人点赞 2017-06-08 09:06:44
    网页制作HTML代码全攻略
  • Bootstrap简单网页制作

    万次阅读 多人点赞 2018-07-25 23:18:50
    ,只要学习并遵守它的标准,即使是没有学过网页设计的开发者,也能做出很专业、美观的页面,极大地提高了工作效率。像下面这个漂亮的网站就是基于 Bootstrap 来开发的。 Bootstrap 的中文文档地址在这里 ...
  • 网页制作中实现上传功能

    千次阅读 2016-12-06 16:33:03
    <!DOCTYPE html> ; charset=UTF-8"> <title></title> <?php include_once 'conn.php
  • 我是专门制作网页的,刚开始我主要是写后台代码的,后来在这个行业里混,前台也渐渐学会了,刚开始我的网页编辑器是记事本。最后来的的是EmEditor,当然中间还过很多其它的,就我自己的看法谈谈网页制作工具哪...
  • 1小时学会不打代码制作一个网页精美简历(1)

    万次阅读 多人点赞 2021-05-13 22:39:48
    1_bit:就是少量代码,或者是不用代码去完成一个项目的制作。 小媛:哇!这么厉害!?赶紧教我,我想试试。 1_bit:哈哈哈,正好最近接触一个好东西,叫做 IVX,你可以通过画图制作界面,并且可以一键部署,完成...
  • 网页制作小感悟

    千次阅读 2017-04-24 16:40:24
    开始学习时,使用dreameveaer,,后来慢慢发现原来不止这一个软件可以编写网页,,,,其他的例如eclipse。。。。PHPstorm,,,,intelij(好用,自动保存) 都可以写网页。。 与dreamever不同的是,,,,,...
  • Dreamweaver制作网页经典问题

    千次阅读 2008-11-20 12:11:00
    Dreamweaver制作网页经典问题 ★★★ 1> 在DW中,如何输入一个空格呢? 输入空格的问题,在DW似乎已成了一个老生常谈的问题,我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。 DW中对空格输入的限制是针对...
  • 1、直接上成功的代码,关键代码:   &lt;...网页图标&lt;/title&gt; &lt;link href="favicon.ico" rel="icon" type="image/x-icon"/&gt;

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 35,153
精华内容 14,061
关键字:

如何用php制作网页