后台管理系统窗体程序:文章管理 > 文章发表

 

目录

文章列表的的功能介绍:

        1、进入页面

        2、页面内的各种功能设计

        (1)进入选择

        (2)当获取到唯一标识符时

        (3)当没有标识符时

        (4)发布按钮,存为草稿

一、网页设计

二、html代码

三、css代码

四、js代码


本次项目为后台管理系统,在本系统内的第五个界面为窗体程序内的文章发表页面,作为首页内大分类下的小分类项目,需要和首页进行联合

文章列表的的功能介绍:

        在进行本页面时,我们将进行多个功能的串联

        1、进入页面

        在首页进入时需要变换分类的样式,使用排他思想即可进行该项操作,而在大分类展开小分类的事件中使用基础动画效果即可

        2、页面内的各种功能设计

        (1)进入选择

        我们需要注意在进入该页面时间,由于有前置页面的跳转和直接点击该选项进入两种选择,所以我们需要进行判断进入该页面时是否携带唯一标识符值,并对其进行分步处理。

        (2)当获取到唯一标识符时

        我们需要通过标识符获取到该标识符下所携带的数据并对其进行渲染

        (3)当没有标识符时

        我们将清空所有输入框的内容并重新进行写入

        (4)发布按钮,存为草稿

        首先判断id是否带值,且判断我们点击的按钮是否该按钮,将该按钮的值携带并进行判断,进行分步操作,后续将输入框的内容返回数据库并写入,同时跳转至文章列表界面

一、网页设计

二、html代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发表文章</title>
    <link rel="stylesheet" href="./CSS/reset.css">
    <link rel="stylesheet" href="./CSS/publish.css">
</head>

<body>
    <div class="header" id="header">写文章</div>

    <div class="main" id="main">

        <span class="mainsp1" id="mainsp1">文章标题:</span>
        <input type="text" placeholder="文章标题" class="mainipt" id="mainipt">

        <img src="" alt="" class="mainimg" id="mainimg">

        <span class="mainsp2" id="mainsp2">文章封面:</span>
        <input type="file" class="mainfile" id="mainfile1">

        <span class="mainsp3" id="mainsp3">文章类别:</span>
        <select name="" id="mainslt1" class="mainslt1">

        </select>

        <span class="mainsp4" id="mainsp4">文章时间:</span>
        <input type="text" class="form-control date" placeholder="YYYY-M
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值