Modification de la liste des actualités, nouvelle page front-end

Ce chapitre présente des modifications simples et l'ajout de code front-end.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>新闻修改页</title>
    <style>
 .w414{
            width: 414px;
 }
        .w350{
            width: 350px;
 }
        .h600{
            height: 600px;
 }
        .mr_auto{
            margin: 0 auto;
 }
        .fz{
            font-size: 40px;
 letter-spacing:20px;
 }
        .bg_col{
            background: #ebf8a4;
 }
        .h150{
            height: 80px;
 }
        .pt{
            padding-top: 50px ;
 }
        .bg_col1{
            background: #A6C8FF;
 }
    </style>
</head>
<body>
<div class="w414 mr_auto">
    <div class="bg_col w414 h150">
        <p  style= "text-align:center;" class="fz col">新闻修改页面</p>
    </div>
    <div class="pt bg_col1 w350 h600">
        <form method="post" id="form1" name="form1">
 标题：<input type="text" name="title" value="<?php echo $id?$row['title']:'';?>"><br/><br/>
 内容：<textarea style="width: 250px;height:150px;margin-left: 5px" name="content"><?php echo $id?$row['content']:'';?></textarea><br/><br/>
 作者：<input type="text" name="author" value="<?php echo $id?$row['author']:'';?>"><br/><br/>
            <input style="float: right" type="submit" value="确认修改">
        </form>
    </div>
</div>
</body>
</html>

n'est qu'une simple page de saut. Ce qu'il faut mentionner est <form method="post" id="form1" name="form1">. . Le contenu est transmis à la page PHP, reçu sur la page PHP, puis le contenu modifié est stocké dans la base de données.

Formation continue

nouveau fichier

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no" /> <title>新闻修改页</title> <style> .w414{ width: 414px; } .w350{ width: 350px; } .h600{ height: 600px; } .mr_auto{ margin: 0 auto; } .fz{ font-size: 40px; letter-spacing:20px; } .bg_col{ background: #ebf8a4; } .h150{ height: 80px; } .pt{ padding-top: 50px ; } .bg_col1{ background: #A6C8FF; } </style> </head> <body> <div class="w414 mr_auto"> <div class="bg_col w414 h150"> <p style= "text-align:center;" class="fz col">新闻修改页面</p> </div> <div class="pt bg_col1 w350 h600"> <form method="post" id="form1" name="form1"> 标题：<input type="text" name="title" value="<?php echo $id?$row['title']:'';?>"><br/><br/> 内容：<textarea style="width: 250px;height:150px;margin-left: 5px" name="content"><?php echo $id?$row['content']:'';?></textarea><br/><br/> 作者：<input type="text" name="author" value="<?php echo $id?$row['author']:'';?>"><br/><br/> <input style="float: right" type="submit" value="确认修改"> </form> </div> </div> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Modification de la liste des actualités, nouvelle page front-end

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]