精华内容
下载资源
问答
  • 主要介绍了Angular.JS读取数据库数据调用,结合完整实例形式分析了AngularJS使用$http.get方法与后台php交互读取数据库数据相关操作技巧,需要的朋友可以参考下
  • 要实现一个图形报表,我用的是highcharts, 现在前台样式已经出来了,代码如下: $(function () { ... $('#container')....怎么把后台获取到的name 跟 cj这两个字段的值分别绑定到前台的xAxis 与 series上
  • websocket调用数据库

    2018-06-01 08:08:28
    实现了websocket与后台交互---微信小程序也可以调用
  • 在实现简单网页上对数据内容进行增删改查,需要用到三个部分,分别是jsp网页部分+java后台部分+数据库表 我用一个新闻的例子来实现,首先编写java后台程序 java后台程序: 我们用三层的模式进行设计:分别是...

    在实现简单网页上对数据内容进行增删改查,需要用到三个部分,分别是jsp网页部分+java后台部分+数据库表

    我用一个新闻的例子来实现,首先编写java后台程序

     

    java后台程序:

    我们用三层的模式进行设计:分别是servlet,service,dao层,并且建立个实体包用来打包数据库和后台要用到的属

    性截个图

    首先是写功能写的顺序分别是从servlet,service,dao层:

    servlet层代码如下:

     

    public class TypeServlet {
    
    	TypeService ts=new TypeServiceImp();//调用service层
    	/*******添加************************************************************************************/
    	public int addtype(String name){
    		int a=0;
    		a=ts.addtype(name);
    		return a;
    	}
    	/*******查看************************************************************************************/
    	public List<types> selets(){
    		List<types> list=new ArrayList<types>();
    		list=ts.selets(null);
    		return list;	
    	}
    	/*******删除************************************************************************************/
    	public int delete(int id){
    		int a=0;
    		types t=new types();
    		t.setId(id);
    		a=ts.delete(t);
    		return a;
    	}
    	/*******修改************************************************************************************/
    	public int update(types t){
    		int a=0;
    		a=ts.update(t);
    		return a;
    	}
    	/*******查找一个************************************************************************************/
    	public types selectone(int id){
    		types t=new types();
    		t.setId(id);
    		types nt=ts.selectone(t);
    		return  nt;
    	}
    }

     

    Service层分为两层分别为接口层和实现层

     

    接口程序如下:

     

    public interface TypeService {
    
    	public int addtype(String name);
    	
    	public List<types> selets(types t);
    	
    	public int delete(types t);
    	
    	public int update(types t);
    	
    	public types selectone(types t);
    	
    }


    接口实现程序:

     

     

    public class TypeServiceImp implements TypeService{
    
    	TypeDao td= new TypeDaoImp();
    	
    	public int addtype(String name) {    //注意返回数据不要忘记修改
    		int a=0;
    		a=td.addtype(name);
    		return a;
    	}
    
    	public List<types> selets(types t) {
    		List<types> list=new ArrayList<types>();
    		list=td.selets(t);
    		return list;
    	}
    	/*******删除************************************************************************************/
    	public int delete(types t) {
    		int a=0;
    		a=td.delete(t);
    		return a;
    	}
    	/*******修改************************************************************************************/
    	public int update(types t) {
    		int a=0;
    		a=td.update(t);
    		return a;
    	}
    
    	/*******查找单个************************************************************************************/
    	public types selectone(types t){
    		types tp=new types();
    		tp=td.selectone(t);
    		return tp;
    		
    	}
    }

     

     

     

    Dao层程序同样分为接口层和实现层

    接口层程序:

     

    public interface TypeDao {
    
    	public int addtype(String name);
    	
    	public List<types> selets(types t);
    	
    	public int delete(types t);
    	
    	public int update(types t);
    	
    	public types selectone(types t);
    	
    }


    实现类程序:

     

     

    public class TypeDaoImp implements TypeDao{
    	Connection con=null;
    	PreparedStatement ps=null;
    	ResultSet rs=null;
    	
    	public int addtype(String name){
    		int a=0;
    		try {
    			//连接数据库
    			con=Shujuku.conn();
    			String sql="insert into typesname values(?)";   //设置id自增
    			ps=con.prepareStatement(sql);
    			ps.setString(1, name);
    			a=ps.executeUpdate();
    		} catch (SQLException e) {
    			// TODO Auto-generated catch block
    			e.printStackTrace();
    		}
    		return a;
    	}
    
    	public List<types> selets(types t) {
    		List<types> list=new ArrayList<types>();
    		try {
    			//连接数据库
    			con=Shujuku.conn();
    			String sql="select*from typesname";  
    			ps=con.prepareStatement(sql);
    			rs=ps.executeQuery();
    			while(rs.next()){
    				types ty=new types();
    				ty.setId(rs.getInt("id"));
    				ty.setTypename(rs.getString("typename"));
    				list.add(ty);
    			}
    		} catch (SQLException e) {
    			// TODO Auto-generated catch block
    			e.printStackTrace();
    		}
    		return list;
    	}
    	/*******删除************************************************************************************/
    	public int delete(types t) {
    		int a=0;		
    		try {
    			con=Shujuku.conn();
    			String sql="delete from typesname where id="+t.getId();
    			ps=con.prepareStatement(sql);
    			a=ps.executeUpdate();
    		} catch (SQLException e) {
    			// TODO Auto-generated catch block
    			e.printStackTrace();
    		}
    		return a;
    	}
    	/*******修改************************************************************************************/
    	public int update(types t) {
    		int a=0;
    		try {
    			con=Shujuku.conn();
    			String sql="update typesname set typename=? where id=?";
    			ps=con.prepareStatement(sql);
    			ps.setString(1, t.getTypename());
    			ps.setInt(2, t.getId());
    			a=ps.executeUpdate();
    		} catch (SQLException e) {
    			// TODO Auto-generated catch block
    			e.printStackTrace();
    		}
    		return a;
    	}
    	/*******查找一个************************************************************************************/
    	public types selectone(types t) {
    		types tp=new  types();
    		try {
    			con=Shujuku.conn();
    			String sql="select * from typesname where id=?";
    			ps=con.prepareStatement(sql);
    			ps.setInt(1, t.getId());
    			rs=ps.executeQuery();
    			if(rs.next()){
    				tp.setId(rs.getInt("id"));
    				tp.setTypename(rs.getString("typename"));
    			}
    		} catch (SQLException e) {
    			// TODO Auto-generated catch block
    			e.printStackTrace();
    		}	
    		return tp;
    	}
    }

     

     

     

    最后就是数据库包,为了方便使用,将数据库的驱动连接信息建立一个包存放:

    代码如下:

     

    public class Shujuku {
    
    	public static Connection conn(){
    		//定义地址
    		String url="jdbc:sqlserver://localhost:1433;DatabaseName=test;";
    	    //定义连接初始值
    		Connection connection=null;	
    		try {
    			//加载驱动
    			Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
    			//建立连接
    		     connection=DriverManager.getConnection(url, "sa", "DCX5201314");
    			} catch (SQLException e) {
    				// TODO Auto-generated catch block
    				e.printStackTrace();
    			
    		} catch (ClassNotFoundException e) {
    			// TODO Auto-generated catch block
    			e.printStackTrace();
    		}	
    		return connection;	
    	}
    }


    属性包,代码如下:

     

     

    public class types {
    	private int id;
    	private String typename;
    	public int getId() {
    		return id;
    	}
    	public void setId(int id) {
    		this.id = id;
    	}
    	public String getTypename() {
    		return typename;
    	}
    	public void setTypename(String typename) {
    		this.typename = typename;
    	}
    }

     

     

     

    java后台程序就这么多;

     

    接下来是数据库部分:

    数据库部分主要就是建立一张表,笔者使用的是SQL Server 2008,首先建个数据库test,建立个表typesname,设置两列分别为id typename,id设为主键,int 型,自增为1;typename设置类型为varchar型,不能为空。

     

    好了,数据库和java后台都搭建好了,现在来到前端网页部分,

     

    网页部分

    在myeclipse中新建7个jsp文件

     

    index.jsp是一个总的网页

    设置代码如下:

     

    </head>
    	<frameset rows="20%,80%">
    		<frame src="head.jsp">
    		<frameset cols="20%,80%">
    			<frame src="left.jsp">
    			<frame src="right.jsp" name="rights">
    		</frameset>
    	</frameset>
    	<body>
    	</body>

    head.jsp

     

     

    <body>  
    <h1>这是头部</h1>
    </body>

     

    left.jsp

     

    <body>
        <h1>这是左边</h1>
        <ul>
           <li><a href="addtype.jsp" target="rights">添加新闻类型</a></li>
           <li><a href="showtype.jsp" target="rights">查看新闻类型</a></li>
        </ul>
      </body>

    right.jsp

     

     

    <body>
        <h1>这是右边</h1>
     </body>

    addtype.jsp

     

     

    </head>
      <%
        request.setCharacterEncoding("UTF-8");
        String name= request.getParameter("typename");
        if(name!=null){
        	TypeServlet tp=new TypeServlet();
        	int a=tp.addtype(name);
        	if(a>0){
        		RequestDispatcher rd = request
    			.getRequestDispatcher("showtype.jsp");
        		rd.forward(request, response);
        	}else{
        		RequestDispatcher rd = request
    			.getRequestDispatcher("addtype.jsp");
        		rd.forward(request, response);
        	}
        }
      %>
      <body>
        <h1>添加新闻类型</h1><hr/>
        <form action="addtype.jsp" method="post">
        新闻类型:<input type="text" name="typename"></br>
            <input type="submit" value="提交">
        </form>
      </body>

    showtype.jsp

     

     

    <script type="text/javascript">
    function deletes_(id){
    	 
       var f=confirm("是否确定删除?");
       if(f){
       location.href="showtype.jsp?ids="+id;
       }else{
       alert("您取消删除");
       }
    }
    
    function update(id){
    	location.href="updatetype.jsp?ids="+id;
    }
    </script>
      </head>
      <%
      request.setCharacterEncoding("UTF-8");
      String id=request.getParameter("ids");
      String type=request.getParameter("type");
      if(id!=null){	
    	      TypeServlet ts=new TypeServlet();
    		  int a = ts.delete(Integer.parseInt(id));
    		  response.sendRedirect("showtype.jsp"); 
    	      
      }
       %>
      <body>
        <h1> 展示类型</h1>
        <table border="1">
        <tr><td>编号</td><td>类型名称</td><td>操作</td></tr>
        <%
        //直接调用后台数据
         TypeServlet ts=new TypeServlet();
         List<types> list=ts.selets();
         for(int i=0;i<list.size();i++){
         types n=list.get(i);
         %>
         <tr>
      <td><%=n.getId() %></td>
      <td><%=n.getTypename() %></td>
      <td><input type="button" onclick="update(<%=n.getId() %>)" value="修改"/>
        
         <input type="button" onclick="deletes_(<%=n.getId() %>)" value="删除"/></td>
      </tr>
        <%
         }
         %>
      </body>

    updatetype.jsp

     

    <body>
        <% 
        request.setCharacterEncoding("UTF-8");
         String id=request.getParameter("ids");
        TypeServlet tsl=new TypeServlet();
        types ts=new types();
        String type= request.getParameter("type");
        if(type!=null){
        	String typename=request.getParameter("newtype");//从下面的输入取值
        	String id1=request.getParameter("id");
        	ts.setId(Integer.parseInt(id1));//强转
        	ts.setTypename(typename);
        	int a=tsl.update(ts);
        	response.sendRedirect("showtype.jsp");
        }else{
        	  if(id!=null){
        		     ts=tsl.selectone(Integer.parseInt(id));
        		  }
        		  }
        %>
        
        <h1>修改新闻类型界面</h1>
        <hr/>
        <form action="updatetype.jsp" method="post">
        <input type="hidden" name="type" value="3">
        <input type="hidden" name="id" value="<%=ts.getId() %>">
          新闻类型:<input type="text" value="<%=ts.getTypename() %>" name="newtype"><br/>
          <input type="submit" value="提交">
        </form>
      </body>

     

     

     

    最终项目在tomcat上发布。

    下面的地址积分系统调的太高了,我重新上传了一份内容是一样的地址在这:http://download.csdn.net/download/qq_34178998/10154005

    高积分下载打包文件在这:http://download.csdn.net/download/qq_34178998/9920064

    也可以参考在这篇基础上的两个表关联操作:http://blog.csdn.net/qq_34178998/article/details/77017760

    有问题也希望各位提出,一起进步,

    没积分的留言。留下邮箱,我看到会给你发的,但是太多的,可能会漏发,见谅!!!

    也欢迎转载!!!也欢迎转载!!!也欢迎转载!!!

    需要代码的人多,直接上传百度云了,大家自己下载,喜欢的话给我点个赞 链接:https://pan.baidu.com/s/1YPUWpI4A3Q54V0_d-cunxg 提取码:pzey

    点个赞点个赞点个赞点个赞点个赞

     

     

    展开全文
  • 文件类型选择xml,url为自己后台请求地址,点击确认后,会得到一个模板数据集,将左侧字段拉取到右侧中如下 点击保存并预览,网页上即可出现你所需要的结果 到这里,想要的实现的结果已实现...

    首先明确我们的需求,所需得到的页面展示如图:

    1.首先新建模板,模板如下:

     

     

    然后增加模板数据集,新增文件文件数据集

    如图所示:

    文件类型选择xml,url为自己后台请求地址,点击确认后,会得到一个模板数据集,也就是你数据库中保存的相关数据。然后就将左侧字段拉取到右侧中如下

    点击保存并预览,网页上即可出现你所需要的结果

    到这里,想要的实现的结果已实现

    展开全文
  • 怎么使用js调用后台数据库

    千次阅读 2015-08-27 11:24:01
    function GetUploadParas() { var vselectyear = $("#hiddenYear").val(); var json = { iSelectYear: vselectyear }; return json; }
    </pre><pre name="code" class="html">function GetUploadParas() {
        var vselectyear = $("#hiddenYear").val();
        var json = { iSelectYear: vselectyear };
        return json;
    }

    展开全文
  • 页面上放了一个table, 代码如下 ...后台log信息(显示已经获得数据库数据): ![图片说明](https://img-ask.csdn.net/upload/201704/25/1493109784_916347.jpg) 为啥jsp页面不显示这段数据呢?(用的EL)
  • js后台访问数据库

    2018-06-19 23:25:07
    一个html网页通过后台访问SQLSERVER2008R2数据库的的例子
  • 下面将演示前端下拉列表显示后台数据库中class表的说有班级的名称 环境:  Tomcat-8.5.40  mysql-8.0.13  eclipse-4.9.0  springmvc框架 一、从mysql中获取数据  ①编写Class实体类  略。。。  ②...

    下面将演示前端下拉列表显示后台数据库中class表的说有班级的名称

    环境:

      Tomcat-8.5.40

      mysql-8.0.13

      eclipse-4.9.0

      springmvc框架

    一、从mysql中获取数据

      ①编写Class实体类

        略。。。

      ②编写ClassDao用于操作Class表

     1 public class ClassDao {
     2     public List<Class>  getAllClassInfo(){
     3         /*
     4          *     存储对象数据的list
     5          */
     6         List<Class> classlist = new ArrayList<Class>();
     7         Class cla = new Class(); // 对象模型
     8         
     9         /*
    10          *      开始查询数据库
    11          */
    12         Connection con = null; // 用于数据库的连接
    13         PreparedStatement psta = null; // 用于操作数据库
    14         ResultSet res = null; // 查询结果集
    15 
    16         /*
    17          *      建立连接
    18          */
    19         con = DBUtil.getConnection();
    20         /*
    21          *      编写sql查询语句
    22          */
    23         String sql = "select * from class";
    24 
    25         try {
    26                     
    27             /*
    28              *      预编译
    29              */
    30             psta = con.prepareStatement(sql);
    31                         
    32             /*
    33              *      执行查询语句,返回查询结果
    34              */
    35             res = psta.executeQuery();
    36             while (res.next()) {
    37                 cla = new Class(); // 初始化对象
    38                 cla.setClass_id(res.getString("class_id"));
    39                 cla.setClass_name(res.getString("class_name"));
    40                 cla.setOwner_id(res.getString("owner_id"));
    41                 classlist.add(cla); // 添加到list的末尾
    42             }
    43                     
    44         } catch (SQLException e) {
    45             e.printStackTrace();
    46         } finally {
    47             /*
    48              *      关闭数据库
    49              */
    50             DBUtil.closeConnection(con, psta, res);
    51         }
    52         /*
    53          *     返回结果
    54          */
    55         return classlist;
    56     }
    57 }
    ClassDao

      注:查询数据库的代码可以可按照自己的风格编写,本人小白所以代码略繁琐。注意导包,我略去了连接数据库的工具类的代码,直接调用自己写好的。

    二、在控制器中调用ClassDao,获取数据返回给视图

    @Controller
    public class IndexController {
    
        @RequestMapping("register.jch")
        public ModelAndView registerindex() {
            // TODO Auto-generated method stub
            /*
             *     存储对象数据的list
             */
            List<Class> classlist = new ArrayList<Class>();
            /*
             *     用于操作class表
             */
            ClassDao classdao = new ClassDao();
            /*
             *     获取class表的所有信息
             */
            classlist = classdao.getAllClassInfo();
            /*
             *     返回数据给视图
             */
            ModelAndView mv = new ModelAndView();
            mv.addObject("classlist", classlist);
            mv.setViewName("home/register/register");
            
            return mv;
        }
    
    }
    IndexControlle

      注:setViewName一定要是自己的视图路径才能将视图返回给用户界面。

    三、编写前端jsp代码,获取控制器返回的数据

      

    1 <label for="cla">班 级:</label>
    2 <select style="width:240px;" class="cla" id="cla" name="cla">
    3         <option value="">请选择:</option>
    4         <c:forEach items="${classlist}" var="cla">
    5              <option value="${cla.class_id}">${cla.class_name}</option>
    6         </c:forEach>
    7 </select>

        注:要想正确执行上述代码还需要导jar包和在jsp页面编写一段声明才能够正确解析

        在jsp首部添加一行代码

    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

        jstl-1.2.jar和taglibs-standard-impl-1.2.5-javadoc.jar

        导入这两个jar包。

    四、刷新页面查看效果,祝成功!

     

    转载于:https://www.cnblogs.com/blogs-jch/p/11134369.html

    展开全文
  • 后台数据库的交互

    千次阅读 2018-11-25 15:05:38
    通俗的讲,后台指的是服务器,数据库是服务器端用来存放数据的;用户通过前台操作,数据传递到服务器端,服务器上的程序操作数据库,处理数据;处理完毕,反馈结果,或者数据给前台,显示数据或结果。 举个例子: ...
  •  下面介绍四种方法加载数据库数据到combobox   2.3.1、方法1:  调用$.get()获取数据  $(document).ready(function(){ queryXzqh();  })  function queryXzqh(){ $.get("${base}/combobox/...
  • Springboot项目使用AJAX实现前端发送数据后台查询并进行登录功能!
  • jqgrid获取数据库数据

    千次阅读 2019-01-08 19:21:10
    jqgrid获取数据库数据 jqgrid获取数据有两种方法,一种是获取本地(即html中写入的固定的数据),另一种是获取后台数据库中的数据。 不过,不论是哪种方法,我这里采用的,都是基于local的数据获取方式,后台数据库...
  •  //从数据库获得数据  $sql='SELECT * FROM lys_news order by mid desc';  $_GET;  $r=$db->query($sql);  // 得到一个二维数  $result= array();  while ($row = $r->fetch_array(MYSQLI_ASSOC)) {...
  • 如何任意调用数据库中的内容呢?先举个例子:大家都知道DEDE后台有个频道模型里面有添加单页文档的功能,但如何在首页调用单页文档的内容呢,现在给大家讲下如何使用:1.首页在后台单页文档管理里添加一个单页文档,...
  • 1.webconfig文件内连接数据库方式1       在程序端调用ConnectionString, using System.Configuration;   string connstr = System.Configuration.ConfigurationManager.ConnectionStrings[...
  • Nodejs框架是基于V8的引擎,是目前速度最快的Javascript引擎。chrome浏览器就基于V8,同时打开20-30个网页都很流畅。... 废话不多说,如何使用nodejs连接数据库作为接口呢?...3.数据访问层 dao层,访问数据库
  • 之前一直用window.onload方法来调用js方法来实现,今天纠结能不能换个方法实现。 很明显是可以的。 ... @Scripts.Render("~/...这就算引用了,看adduser.js代码如果调用后台方法  $(document).ready( f
  • 之前使用过Webservice作为后台服务,WinCE上通过调用webservice来与后台数据库进行数据交互。 速度,稳定性都非常好。而且编程模块化,封装成为Webservice的两个函数即可解决数据库的增,删,查,改四个SQL语句的...
  • mvc后台调用webapi接口

    2019-07-23 16:20:18
    此项目案例采用了ef实体映射,mvc后台调用webapi接口,本案例容易出错地方,写有相应的注释,欢迎需求者下载评论,运行项目需要新建一张数据库
  • 目的:通过java后台操作,改变数据库中的值,实现增删改查。 思路:首先在java中连接到数据库的表,然后写一个调用的Class,来实现操作。 连接数据库的Class:(例如表名叫做dnf) package oracleJdbc; import java....
  • Ajax调用后台数据接口

    千次阅读 2019-04-08 21:06:31
    var param = { "args": { "key": value }, "bizData": "string", "sign": "string", "token": "string" }; $.ajax({ type: "POST", url: "", contentType: "application/jso...
  • 第一次使用postman工具,进行前后台数据交互,简单的一次请求,能够灵活运用mybatis的性能 1.postman请求的数据: 2.使用IDEA单独使用测试,导入相关jar包 3.把需要进行操作的数据库中的那个表进行实体类封装 ...
  • oracle数据库数据同步

    2013-08-18 16:27:24
    为了满足客户的要求,客户要求两台数据库服务器在不能直接通信的情况下,要保证两台数据库数据保持同步,并且要保证效率,数据量一般每分钟最少可以到达2万条(只能通过端口访问),所以只能使用程序先生成满足特定...
  • 数据从JSP页面提交后,到Struts的action进行处理,在action中定义了sping中定义的javabean,然后javabean中调用iBatis进行查询数据。通常查询数据时返回一个结果集(一个List,或者一个VO),我现在不明白的是,这...
  • 最近,由于项目需要需要将传感器的地理位置信息标记在百度地图上,无线传感器节点能够将自身经纬度信息,通过网络传递到数据库存储起来,然后将其读出来并在百度地图在地图上标记显示出来. 首先,在后台CS需要将...
  • 写一个MVC程序,然后从数据库调用数据返回给前端,然后数据库在控制台输出还是正确的。通过输出在html中就 中文就成了问号???? 然后网上找了两种方法 第一种方法未成功 通过set方法 将所有 改为utf8 ...
  • 后台(url.aspx.cs): ```if (!string.IsNullOrEmpty(Request.QueryString["id"])) { Response.Write ("视频地址"); } 最后一步就不会了,试了很多次,视频加载不出来,求大神帮完善,着急! 数据表:!...
  • 有个功能就是需要将之前导出的excel表格,通过导入按钮,导入到后台数据库,那么我如何写ajax代码,才能将excel成功导入呢?状态为1时导入成功,为0导入失败,需要本地文件路径。求大神指点,刚入职,有点小白。
  • 调用WebService与后台数据交互示例

    热门讨论 2009-08-17 14:55:29
    调用WebService与后台数据库交互示例.文档写得很详细,包括截图和全部源代码,都在里面。好好看看吧

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 233,287
精华内容 93,314
关键字:

后台调用数据库数据