夺命雷公狗---node.js---22之项目的构建在node+express+mongo的博客项目7之数据的修改

在修改的时候和在PHP里面修改的一样,都是需要在列表页传个id过来才可以实现修改的,如下所示:

然后在后端接收到他传过来id的同时去读取该id的所有信息:

然后就开始写post处理数据方面的问题了,如下所示:

<% include header.html %>
<div class="wrapper row-offcanvas row-offcanvas-left">
    <!-- Left side column. contains the logo and sidebar -->
    <% include left.html %>

    <!-- Right side column. Contains the navbar and content of the page -->
    <aside class="right-side">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                分类编辑
                <small>分类</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="index.html"><i class="fa fa-dashboard"></i> 管理中心</a></li>
                <li class="category_list.html"><a href="index.html">分类</a></li>
                <li class="active">分类编辑</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content">

            <div class="row">
                <div class="col-md-12">
                    <div class="box">
                        <form action="/admin/category/edit" method="post">
                            <div class="box-header">
                                <h3 class="box-title"></h3>
                                <a href="/Admin/Category/" class="btn btn-default pull-right">分类列表</a>
                            </div><!-- /.box-header -->

                            <div class="box-body">
                                <div class="form-group">
                                    <label for="inputTitle">分类标题</label>
                                    <input type="title" placeholder="标题" id="inputTitle" name="title" value="<%= data.title %>" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="inputOrderNumber">排序</label>
                                    <input type="title" placeholder="排序" id="inputOrderNumber" name="sort" value="<%= data.sort %>" class="form-control">
                                </div>
                                <input type="hidden" name="id" value="<%= data._id %>">
                            </div><!-- /.box-body -->
                            <div class="box-footer clearfix">
                                <button class="btn btn-primary" type="submit">提交</button>
                            </div><!-- /.box-footer -->
                        </form>

                    </div><!-- /.box -->
                </div><!-- /.col -->
            </div><!-- /.row -->

        </section><!-- /.content -->

        <% include footer.html %>

而且修改也是由两部才可以完成,这里其实和PHP也是一样的,首先接收到id,然后对edit页进行遍历该id的数据,然后就是修改了,

时间: 2024-10-08 17:38:21

夺命雷公狗---node.js---22之项目的构建在node+express+mongo的博客项目7之数据的修改的相关文章

夺命雷公狗---node.js---18之项目的构建在node+express+mongo的博客项目3头尾左侧分离法

在实际的开发中我们的项目往往都是需要头尾分离开来的,居然是后台管理界面当然也不能错过这么好的这步.. 首先我们将我们要分离的部分代码先剪切出来,如下所示: 将他们都弄出来... 这部分的内容分别对应的是他的: 然后通过如下方法引入即可:

夺命雷公狗---node.js---16之项目的构建在node+express+mongo的博客项目1

废话不多说我们直接开工... 直接在目录下打开黑窗口: 然后就开始看看我们创建出来的文件了: 然后就开始创建项目下的目录了: 从这里就可以清晰的看得到我们的目录都是以前后台来分离开来的,引入模版也很简单,如下图所示: 这样即可陈功访问到了我们的前端,,,,

夺命雷公狗---node.js---19之项目的构建在node+express+mongo的博客项目4mongodb在项目中的基本引入

首先我们在命令行下先建立这个库: 然后我们在项目中引入mongodb的模块: var MongoClient = require('mongodb').MongoClient; var DB_STR = "mongodb://localhost:27017/blog";//这里的是在mongodb下建立的库 var ObjectId = require('mongodb').ObjectId; //这里主要是用来处理mongodb下id的 这样在项目中的mongodb即可成功引入了..

夺命雷公狗---node.js---20之项目的构建在node+express+mongo的博客项目5mongodb在项目中实现添加数据

我们上一步就引入了mongodb了,那么下一步就要开始写添加数据了,不过有个前提是先将表单的数据处理好: 最基本的这部现在已经成功了,因为最基本的这步就是先将表单处的提交方式和提交地址给处理好,这里和PHP的基本上是一样... 然后我们在后端处理下接收的内容.. 已经在后端成功接收到了,那么下一步就是直接让他入库了... /** * Created by leigood on 2016/8/31. */ var express = require('express'); var router =

夺命雷公狗---node.js---17之项目的构建在node+express+mongo的博客项目2之一,二级路由

然后我们就来开始搭建后台了... 不过后台我们可以来玩玩他的二级路由... 然后再去修改下他们的样式即可......修改方法和刚才那里的修改方法一样, 访问效果如下所示: OK,已经正常相识了

夺命雷公狗---node.js---21之项目的构建在node+express+mongo的博客项目6之数据的遍历

首先还是来链接数据库,然后就查找,如下所示: /** * Created by leigood on 2016/8/31. */ var express = require('express'); var router = express.Router(); //引入mongodb模块 var MongoClient = require('mongodb').MongoClient; var DB_STR = "mongodb://localhost:27017/blog";//这里的

夺命雷公狗---在js里阻止a标签的跳转和form表单的跳转

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a href="http://www.baidu.com">百度</a> <a href="http://www.qq

Node.js 从零开发 web server博客项目

第1章 课程介绍 包括课程概述.核心模块.核心技术.课程安排.课程收获.讲授方式.学习前提等方面的介绍,让同学们对课程项目有一个直观的了解. 1-1 课程导读 试看第2章 nodejs 介绍 本章主要为了照顾尚未入门或者刚刚入门 nodejs 的同学,介绍 nodejs 的下载.安装和基本使用,以及 nodejs 和前端 javascript 的区别.另外,重点介绍了服务端开发和前端开发思路上的区别,为后续的开发做一个基础的铺垫. 2-1 下载和安装 2-2 nodejs和js的区别 2-3 c

Node.js 从零开发 web server博客项目 前端晋升全栈工程师必备

第1章 课程介绍包括课程概述.核心模块.核心技术.课程安排.课程收获.讲授方式.学习前提等方面的介绍,让同学们对课程项目有一个直观的了解. 第2章 nodejs 介绍本章主要为了照顾尚未入门或者刚刚入门 nodejs 的同学,介绍 nodejs 的下载.安装和基本使用,以及 nodejs 和前端 javascript 的区别.另外,重点介绍了服务端开发和前端开发思路上的区别,为后续的开发做一个基础的铺垫. 第3章 项目介绍课程是通过案例的形式来学习 nodejs ,本章先来介绍这个案例,即个人博