PHP实战 新闻管理系统 使用到了bootstrap框架

刚刚接触 PHP 仿照视频 写了个新闻管理系统 其中也使用到了bootstrap框架

写下来整理一下思路。

这是个很简单的系统,首先是建立数据库表。

mysql>create database newsdb

mysql> create table news(

-> id int unsigned not null auto_increment primary key,//这是新闻的id

-> title varchar(64) not null,//这是新闻的标题

-> keywords varchar(64) not null,//这是新闻的关键字

-> author varchar(16) not null,//这是新闻的作者

-> addtime int unsigned not null,//这是新闻的添加时间

-> content text not null);//这是新闻的内容

这样,数据库表就建成了,下面开始写页面。

首先写了一个数据库配置文件dbconfig.php:

<?php

define(HOST,"localhost");//主机名

define(USER,"root");//用户名

define(PASS,"");//密码

define(DBNAME,"newsdb");//数据库名

?>

然后是一个menu.php文件

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width,initial-scale=1.0">

<title>HTML5&BootStrap</title>

<link href="bootstrap-3.2.0-dist/css/bootstrap.css" rel="stylesheet">

<!--[if IE]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

<link href="prettify-4-Mar-2013/prettify.css" rel="stylesheet">

<link href="style.css" rel="stylesheet">

</head>

<body onLoad="prettyPrint()">

<style>

body{background:orange;}

@media(max-width:997px){body{background:#0FC;}}

</style>

<div class="container">

<nav class="navbar navbar-default" role="navigation">

<div class="container-fluid">

<!-- 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">

<h2>新闻管理系统</h2>

<li><a href="index.php">浏览新闻</a></li>

<li><a href="add.php">发布新闻</a></li>

<hr>

</ul>

</div>

<!-- /.navbar-collapse -->

</div>

<!-- /.container-fluid -->

</nav>

</div>

<script type="text/javascript" src="bootstrap-3.2.0-dist/js/jquery-1.9.1.min.js"></script>

<script type="text/javascript" src="bootstrap-3.2.0-dist/js/bootstrap.js"></script>

<script type="text/javascript" src="prettify-4-Mar-2013/prettify.js"></script>

</body>

</html>

上面两步简单的工作做好之后,就该进行主页index.php的编写了:

首先,导入导航栏menu.php

<?php  include("index.php"); ?>

然后是加个标题和表格

<h3>浏览新闻</h3>

<table class="table table-hover">

<tr>

<th>新闻id</th>

<th>标题</th>

<th>关键字</th>

<th>作者</th>

<th>时间</th>

<th>内容</th>

<th>操作</th>

</tr>

<?php  //这儿有5部分

//1.导入配置文件

require("dbconfig.php");

//2.链接mysql,选择数据库

[email protected]_connect(HOST,USER,PASS) or die("链接数据库出错!");

mysql_select_db(DBNAME,$link);

//3.执行查询,返回结果集

$sql="select * from news order by addtime desc";

$result=mysql_query($sql,$link);

//4.解析结果集,并遍历输出

while($row=mysql_fetch_assoc($result)){

echo"<tr>";

echo"<td>{$row[‘id‘]}</td>";

echo"<td>{$row[‘tilte‘]}</td>";

echo"<td>{$row[‘keywords‘]}</td>";

echo"<td>{$row[‘author‘]}</td>";

echo"<td>{$row[‘addtime‘]}</td>";

echo"<td>{$row[‘content‘]}</td>";

echo"<td>

<a href=‘#’>删除</a>;//此处的“#”只是一个代号,后面会把它替换掉,由于增删操作比较复杂,所以单独写一个action.php文件

<a href=‘#’>修改</a>;

</td>";

echo"</tr>"

}

//5.释放结果集

mysql_free_result(&result);

musql_close($link);

?>

</table>

action.php:

<?php

//这是一个数据的增删改查的页面

//1.导入配置文件

require("dbconfig.php");

//2.链接mysql,并选择数据库

[email protected]_connect(HOST,USER,PASS) or die("数据库链接失败");

mysql_select_db(DBNAME,$link);

//3.根据action的值,来判断所属的操作,执行相应的代码

switch($_GET["action"]){

case"add":

//1.获取要添加的信息,补充其他信息

$tilte=$_POST["title"];

$keywords=$_POST["keywords"];

$author=$_POST["author"];

$content=$_POST["content"];

$addtime=time();

//2.信息的过滤

//3.拼接sql语句,执行相应的操作

$sql=insert into news value(null,‘($title)‘,‘($keywords)‘,‘($author)‘,$addtime,‘($content)‘);

mysql_query($sql,$link);

//4.判断是否成功

$id=mysql_insert_id($link);

if($id>0){

echo "<h3>新闻信息添加成功</h3>";

}

else{

echo "<h3>新闻信息添加失败</h3>";

}

echo("<a href=‘javascript:window.history.back()‘>返回</a>");

echo("<a href=‘index.php‘>浏览新闻</a>");

break;

case "del":

//1.获取要删除的新闻id:

$id=$_GET[‘id‘];

//2.拼装删除sql语句,执行相应的删除操作

$sql="delete from news where id=($id)";

mysql_query($sql,$link);

//3.删除之后自动跳转至新闻浏览界面

header("location:index.php");

break;

case "update":

//1.获取要修改的信息

$title = $_POST[‘title‘];

$keywords = $_POST[‘keywords‘];

$author = $_POST[‘author‘];

$content = $_POST[‘content‘];

$id = $_POST[‘id‘];

//2.过滤要修改的信息(此处省略)

//3.拼装修改sql语句,并执行修改操作

$sql="update news set title=‘($title)‘,keywords=‘($keywords)‘,author=‘($author)‘,content=‘($content)‘ where id=($id)";

//echo $sql;

mysql_query($sql,$link);

//4.跳转至浏览界面

header("location:index.php");

break;

}

//4.关闭数据库链接

mysql_close("$link");

?>

下面写添加新闻的页面add.php文件:

<?php include("menu.php");//导入导航栏?>

<h3 align="center">发布新闻</h3>

<div class="container">

<form action="action.php?action=add" method="post">

<table class="table table-bordered table-hover table-responsive">

<tr>

<td align="center">标题</td>

<td><input  class="col-xs-10" type="text" name="title"></td>

</tr>

<tr>

<td align="center">关键字</td>

<td><input  class="col-xs-10" type="text" name="keywords"></td>

</tr>

<tr>

<td align="center">作者</td>

<td><input  class="col-xs-10" type="text" name="author"></td>

</tr>

<tr>

<td valign="top" align="center">内容</td>

<td><textarea class="col-xs-10" name="content"></textarea></td>

</tr>

<tr>

<td colspan=2 align="center">

<input class="btn btn-primary" type="submit" value="添加">

<input class="btn btn-primary" type="reset" value="重置">

</td>

</tr>

</table>

</form>

</div>

然后是编辑的页面edit.php页面:

<?php include("menu.php");//导入导航栏

//1.导入配置文件

require("dbconfig.php");

//2.连接mysql,选择数据库

[email protected]_connect(HOST,USER,PASS)or die("数据库链接失败");

mysql_select_db(DBNAME,$link);

//3.获取要修改的信息的id,并且拼装查看sql语句,执行查询,获取要修改信息

$sql="select * from news where id={$_GET[‘id‘]}";

$result=mysql_query($sql,$link);

//4.判断是否获取到了要修改的信息

if($result && mysql_num_rows($result)>0){

$news=mysql_fetch_assoc($result);

}else{

die("没有找到要修改的信息");

}

?>

<h3 align="center">编辑新闻</h3>

<form action="action.php?action=update" method="post">

<input type="hidden" name="id" value="<?php echo $news[‘id‘]; ?>">

<table class="table table-bordered table-hover table-responsive">

<tr>

<td  align="center">标题</td>

<td><input  class="col-xs-10" type="text" name="title" value="<?php echo $news[‘title‘]; ?>"></td>

</tr>

<tr>

<td  align="center">关键字</td>

<td><input  class="col-xs-10" type="text" name="keywords" value="<?php echo $news[‘keywords‘]; ?>"></td>

</tr>

<tr>

<td  align="center">作者</td>

<td><input  class="col-xs-10" type="text" name="author" value="<?php echo $news[‘author‘]; ?>"></td>

</tr>

<tr>

<td valign="top"  align="center">内容</td>

<td><textarea  class="col-xs-10" name="content"><?php echo $news[‘content‘]; ?></textarea></td>

</tr>

<tr>

<td colspan=2 align="center">

<input class="btn btn-primary" type="submit" value="编辑">

<input class="btn btn-primary" type="reset" value="重置">

</td>

</tr>

</table>

</form>

最后,提一下,删除和修改的“#”用什么代替

此处为了人性化一些,用js代码给出一个提示

<script type="text/javascript">

function dodel(id){

if(confirm("确定要删除吗?")){

window.location="action.php?action=del&id="+id;

}

}

</script>

第一个“#”,用javascript:dodel({$row["id"]})替代

第二个“#”,用edit.php?id={$row["id"]}替代

至此,一个完整的php新闻管理系统就基本完成了,明天再改进一下。

PHP实战 新闻管理系统 使用到了bootstrap框架,布布扣,bubuko.com

时间: 2024-10-05 23:26:41

PHP实战 新闻管理系统 使用到了bootstrap框架的相关文章

PHP基础示例:用PHP+Mysql编写简易新闻管理系统[转]

实现目标:使用php和mysql操作函数实现一个新闻信息的发布.浏览.修改和删除操作 实现步骤: 一.创建数据库和表 1.创建数据库和表:newsdb 2.创建表格:news 字段:新闻id,标题,关键字,作者,发布时间,新闻内容 二.创建php文件编写代码(以下为要创建的php文件及其用途) dbconfig.php 公共配置文件,数据库连接配置信息 menu.php 网站公共导航栏 index.php 浏览新闻的文件(此为首页) add.php 发布新闻表单页 edit.php 编辑新闻的表

io流新闻管理系统实例(简单型)

1.新闻集合的使用+文件流的应用2.文件流序列化与反序列化对象的使用 一.创建新闻类 1 package com.news.entity; 2 3 import java.io.Serializable; 4 import java.util.Date; 5 6 /** 7 * 新闻实体类 8 * @author Direct 9 * 10 */ 11 public class NewsInfo implements Serializable{ 12 /** 13 * 14 */ 15 priv

基于ASP.NET的新闻管理系统(一)

1. 项目简介 1.1设计内容 (1)可以在首页查看各类新闻,可以点击新闻查看具体内容:可以查看不同类型的新闻,并了解热点新闻,可以在搜索框里输入要查找的内容. (2)在后台界面中,管理员可以修改密码,增加.删除用户:可以修改.增加.删除新闻:修改.增加.删除新闻栏目. 1.2设计要求 系统次采用浏览器/服务器结构(C/S结构),前台页面展示采用div+CSS布局,且所有样式要求放置在网站的CSS目录下的style.css文件中.图片都放置在images目录中.后台数据库采用SQLServer,

基于ASP.NET的新闻管理系统(二)效果展示

5. 新闻管理系统开发与实现 5.1前台新闻页面 主页面 新闻栏展示新闻 搜索新闻 菜单栏链接新闻 后台登录界面 大管理员后台管理界面 小管理员后台管理界面 修改密码 增加新闻界面 栏目管理界面          为栏目设置管理员                                                           修改栏目 用户管理界面 添加用户界面 编辑用户界面 原文地址:https://www.cnblogs.com/mookking/p/9655233.ht

基于Bootstrap框架的临床数据管理系统的设计与开发

    基于Bootstrap框架的临床数据管理系统的设计与开发     2018年11月10日 目  录 第一章绪论... 6 1.1 选题背景及其意义... 6 1.2国内外研究现状... 7 1.2.1 临床大数据管理系统发展现状... 7 1.2.2医疗电子表单管理发展现状... 8 1.3研究目标... 9 1.4 研究内容... 10 1.5论文整体结构... 10 第二章相关技术研究... 12 2.1 AngularJS技术简述... 12 2.2 RESTful API +sw

记一次Bootstrap框架下 使用Ajax失效的问题

最近写一个简单的后台管理系统,前台是套用的一套Bootstrap框架的一套模板.在HTML页面的模板上,用一些简单的jquery脚本,使用JSP页面完成前后台交互. 在写到一个AJAX请求的时候,发现AJAX请求可以到后台,但是返回不了JSON数据,页面最后的效果是刷新当前页面,还把参数给刷没了.. 经检查,发现自己绑定事件的button标签在form表单里,也就是在form表单里的button 默认是会刷新当前页面. 解决方法如下: 1.如果不强制要求 button 在form表单里,把for

bootstrap框架

bootstrap框架: bootstrap是一套现成的CSS样式集合.能够简洁.直观.强悍.移动设备优先的前端开发框架,让web开发更迅速.简单. 包含了哪些文件: bootstrap/ ├── css/ │ ├── bootstrap.css │ ├── bootstrap.min.css │ ├── bootstrap-theme.css │ └── bootstrap-theme.min.css ├── js/ │ ├── bootstrap.js │ └── bootstrap.min

Bootstrap 框架 栅格布局系统设计原理

如果你是初次接触Bootstrap,你一定会为它的栅格布局感到敬佩.事实上,这个布局系统提供了一套响应式的布局解决方案. 既然这么好用,那他是如何用CSS来实现的呢? 我特意去Bootstrap官方下载了源代码进行分析了一番,看完之后果然有了收获,不过我只看了栅格布局的那块代码,其实也很简单,不必担心不懂,你只需要要基础的CSS知识即可. 前提条件(Bootstrap 自带) 首先使用这个布局之前要定义一下代码: 这行代码如果不懂,可以搜索一下,总之大致意思就是,被定义的元素的内边距和边框不再会

bootstrap框架中data-toggle=&quot;tab&quot;属性会取消a标签默认行为

这几天做公司项目用了bootstrap框架,在用导航组件的过程中,我发现在a标签里面添加data-toggle="tab"属性之后,这个a标签会失去默认行为,点击a标签的时候不会跳转,即使有href属性,但是它不管用.So,如果想要实现它导航栏的效果,又要能够让链接有效,只能去掉data-toggle="tab"属性.但是动态切换导航按钮的active属性就实现不了,但是实现了跳转,active属性还有什么用呢?就算有也看不到(小记)