精华内容
下载资源
问答
  • 数据库网页查询系统

    2018-05-14 19:10:53
    添加了网页查询的途径,主要通过mysql进行数据库操作,将主要的设计步骤大致分开,方面进行修改和管理。
  • jsp+servlet实现网页动态数据库查询

    千次阅读 2019-07-26 14:52:45
    jsp+servlet实现网页动态数据库查询 实现思路 在网页中向服务器发送查询数据的请求,服务器启动并调用servlet,根据客户端请求响应内容并将其传给服务器,服务器再讲响应返回客户端。 实现过程 首先在IntelliJ IDEA...

    jsp+servlet实现网页动态数据库查询

    实现思路

    在网页中向服务器发送查询数据的请求,服务器启动并调用servlet,根据客户端请求响应内容并将其传给服务器,服务器再讲响应返回客户端。

    实现过程

    首先在IntelliJ IDEA配置好tomcat服务器,建立一个JavaWeb服务器。
    前台页面设置,一个简单的超链接,超链接指向服务器servlet:

    <body>
    <div align="center">
     <a href="${pageContext.request.contextPath}/checkServlet" style="text-decoration:none;font-size:33px">查询所有用户信息</a> 
     </div>
     </body>
    

    Servlet设置

    @WebServlet({"/checkServlet"})
    public class CheckServlet extends HttpServlet {
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            this.doPost(req,resp);
        }
    
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            List<User> list=new JdbcDaoImpl().getInfo();//使用list接收返回来的数据,数据库连接使用德鲁伊数据库连接池+springJDBC
            req.setAttribute("list",list);//将数据返回给客户端
            req.getRequestDispatcher("showList.jsp").forward(req, resp);//返回给客户端的地址
        }
    }
    

    关于德鲁伊数据库连接池+springJDBC的具体实现可参考

    https://blog.csdn.net/CharmJay/article/details/95938016

    数据库连接类接口

    public interface JdbcDao {
        List<User> getInfo();
    }
    

    接口实现

    public class JdbcDaoImpl implements JdbcDao {
    JdbcTemplate jt = new JdbcTemplate(JDBCUtils.getDs());springjdbc连接数据库
    
    public List<User> getInfo() {
        String sql="select * from userInfo";//定义sql查询语句
        List<User> list=jt.query(sql,new BeanPropertyRowMapper<User>(User.class)); //将结果封装为user类格式放到一个list集合中
    
        return list;
    }}
    

    接收页面showList.jsp

    <html>
    <head>
        <title>showList</title>
    </head>
    <style>
        table{text-align: center;margin: 0 auto;}
        td{width: 100px}
    </style>
    <body>
        <form>
            <table>
                <tr>
                    <td>id</td>
                    <td>姓名</td>
                    <td>性别</td>
                    <td>年龄</td>
                    <td>籍贯</td>
                    <td>qq</td>
                    <td>email</td>
                    <td colspan="2">选项</td>
                </tr>
                <c:forEach varStatus="list" var="user" items="${list}" begin="0" end="${list.size()}">//接收list将其遍历,把每个list里的user类的数据取出来放到下面
                    <tr>
                        <td>${user.id}</td>
                        <td>${user.name}</td>
                        <td>${user.sex}</td>
                        <td>${user.age}</td>
                        <td>${user.born}</td>
                        <td>${user.qq}</td>
                        <td>${user.email}</td>
                        <td>
                    </tr>
                </c:forEach>
                        </table>
        </form>
    </body>
    </html>
    

    实体类

    public class User {
        private Integer id;
        private String name;
        private String sex;
        private String age;
        private String born;
        private String qq;
        private String email;
    
        public User() {
        }
    
        public User(Integer id, String name, String sex, String age, String address, String qq, String email) {
            this.id = id;
            this.name = name;
            this.sex = sex;
            this.age = age;
            this.born = address;
            this.qq = qq;
            this.email = email;
        }
    
        public Integer getId() {
            return id;
        }
    
        public void setId(Integer id) {
            this.id = id;
        }
    
        public String getName() {
            return name;
        }
    
        public void setName(String name) {
            this.name = name;
        }
    
        public String getSex() {
            return sex;
        }
    
        public void setSex(String sex) {
            this.sex = sex;
        }
    
        public String getAge() {
            return age;
        }
    
        public void setAge(String age) {
            this.age = age;
        }
    
        public String getBorn() {
            return born;
        }
    
        public void setBorn(String born) {
            this.born = born;
        }
    
        public String getQq() {
            return qq;
        }
    
        public void setQq(String qq) {
            this.qq = qq;
        }
    
        public String getEmail() {
            return email;
        }
    
        public void setEmail(String email) {
            this.email = email;
        }
    
        @Override
        public String toString() {
            return "User{" +
                    "id=" + id +
                    ", name='" + name + '\'' +
                    ", sex='" + sex + '\'' +
                    ", age='" + age + '\'' +
                    ", born='" + born + '\'' +
                    ", qq='" + qq + '\'' +
                    ", email='" + email + '\'' +
                    '}';
        }
    }
    

    数据库连接

    public class JDBCUtils {
        public static DataSource ds;
        static {
            try {
                Properties ps=new Properties();
                InputStream is=JDBCUtils.class.getClassLoader().getResourceAsStream("durid.properties");
                ps.load(is);
                ds= DruidDataSourceFactory.createDataSource(ps);
            } catch (IOException e) {
                e.printStackTrace();
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    
        public static DataSource getDs(){
            return ds;
        }
    
        public Connection getConn() throws SQLException {
            return ds.getConnection();
        }
    
        public void close(){
    
        }
    }
    

    最后测试
    测试结果

    展开全文
  • 网页实现数据库的增删改查

    万次阅读 多人点赞 2018-05-01 20:41:40
    最近在做项目web后台数据增删查改的时候,看到一篇较为详细的经典文章,所以转载了下来,文章出处在:...首先jsp 和Servlet语句基本一样,这里的实现需要用到上篇http://blog.csdn.net/qq_32539825/article/de...

    最近在做项目web后台数据增删查改的时候,看到一篇较为详细的经典文章,

    所以转载了下来,

    文章出处在:https://blog.csdn.net/qq_32539825/article/details/70657340

    如果作者认为侵权的告诉我,我立马删。


    首先jsp 和Servlet语句基本一样,这里的实现需要用到上篇http://blog.csdn.net/qq_32539825/article/details/70494788里的部分内容

    包括UserCoon.java UserDao.java User.java

    在这里使用jsp语句也实现了分页内容。

    这里写图片描述

    1 login.jsp

    <html>
      <head>
        <base href="<%=basePath%>">
    
        <title>My JSP 'login.jsp' starting page</title>
    
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">    
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
    
      </head>
    
      <body>
        <form action="servlet/Login" method="post">  
    用户名:<input type="text" name="username" value=""><br>  
    密 码:<input type="password" name="password" value=""><br>  
    用户类型:  
    <select name="type">
    <option value="管理员">管理员</option>
    <option value="普通用户">普通用户</option>
    </select><br>  
    <input type="submit" value="提交">  
    <input type="reset" value="取消">  
    </form>  
      </body>
    </html>
    1. dologin.jsp
      首先用javabean得到login中的内容,并调用Insert.java插入到数据库
    <%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
    <%@ page import="java.sql.*"%>
    <%@ page import="nuc.test.user.User" %>
    <%@page import="nuc.test.Dao.UserDao"  %>
    
    
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
    
        <title>My JSP 'dologin.jsp' starting page</title>
    
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">    
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
    
      </head>
    
      <body>
      <%request.setCharacterEncoding("utf-8"); %>
    <jsp:useBean id="user" class="nuc.test.user.User">
    <jsp:setProperty name="user" property="*"/>
    </jsp:useBean>
    <%
       UserDao usera=new UserDao();
       usera.Insert(user);
     %>
    
      <body>
    </html>

    3 queryBena.java
    查询数据库中的内容
    这里写图片描述

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%@ page import="java.sql.*"%>
    <%@ page import="nuc.test.user.User" %>
    <%@page import="nuc.test.Dao.UserDao"  %>
    
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
    
        <title>My JSP 'queryBean.jsp' starting page</title>
    
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">    
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
    
      </head>
    
      <body>
        <%
            UserDao user=new UserDao();
            User usera=new User();
            ResultSet rst=user.Query();
         %>
    
         <table border=1>
         <tr><td>用户名</td><td>密码</td><td>用户类型</td><td colspan="2" align="center">数据操作</td></tr>
         <%while(rst.next()) {%>
         <tr><td><%=rst.getString("username") %></td><td><%=rst.getString("password") %></td><td><%=rst.getString("type") %></td><td><a href="deleteBean.jsp?id=<%=rst.getString("id")%>">删除操作</a></td><td><a href="updateBean.jsp?id=<%=rst.getString("id")%>">更新操作</a></td></tr>
         <%} %>
         </table>
    
    </body>
    </html>

    4 deleteBean.jsp
    点击查询页面上的删除键 便会超链接到deleteBean.jsp并带着值

    <%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
    <%@ page import="java.sql.*"%>
    <%@ page import="nuc.test.user.User" %>
    <%@page import="nuc.test.Dao.UserDao"  %>
    
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
    
        <title>My JSP 'deleteBean.jsp' starting page</title>
    
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">    
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
    
      </head>
    
      <body>
       <%  
       UserDao user=new UserDao();
        User usera=new User();
        usera.setId(request.getParameter("id"));
        int rest=user.Delete(usera);
    
        %>
      </body>
    </html>

    5 updateBean.jsp
    首先将需要更新的一条内容输出到网页上,修改后 点提交 调用doUpdateBean.jsp更新

    这里写图片描述

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <%@ page import="java.sql.*"%>
    <%@ page import="nuc.test.user.User" %>
    <%@page import="nuc.test.Dao.UserDao"  %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
    
        <title>My JSP 'updateBean.jsp' starting page</title>
    
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">    
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
    
      </head>
    
      <body>
      <%
      request.setCharacterEncoding("utf-8");
      UserDao user=new UserDao();
      User usera=new User();
      usera.setId(request.getParameter("id"));
      ResultSet rs=user.Select(usera);
      if(rs.next()){
       %>
       <form action="doUpdateBean.jsp?id=<%=rs.getString("id")%>" method="post">
        用户名:<input type="text" value="<%=rs.getString("username") %>" name="username"><br>
        密 码:<input type="text" value="<%=rs.getString("password") %>" name="password"><br>
        用户类型:<select name="type">
       <option value="管理员">管理员</option>
       <option value="普通用户">普通用户</option>
       </select><br>
       <input type="submit" value="提交">
       <input type="reset" value="取消">
       </form>
    
    
    %} %>
    
      </body>
    </html>

    6 doUpdateBean.jsp

    <%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
    <%@ page import="java.sql.*"%>
    <%@ page import="nuc.test.user.User" %>
    <%@page import="nuc.test.Dao.UserDao"  %>
    
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
    
        <title>My JSP 'doUpdateBean.jsp' starting page</title>
    
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">    
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
    
      </head>
    
      <body>
        <%request.setCharacterEncoding("utf-8"); %>
        <jsp:useBean id="use" class="nuc.test.user.User">
        <jsp:setProperty name="use" property="*"/>
        </jsp:useBean>
        <%
        UserDao user=new UserDao();
        //User usera=new User();
        use.setId(request.getParameter("id"));
    
        int rs=0;
        rs=user.Update(use);
         %>
         <jsp:forward page="queryBean.jsp"/>
      </body>
    </html>

    7 接下来的下个是用来显示分页的 并且设置每页显示5条信息

    Bar.jsp
    用来编写分页信息

    <%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
    <%@ page import="java.sql.*"%>
    <%@ page import="nuc.test.user.User" %>
    <%@page import="nuc.test.Dao.*"  %>
    <%@page import="java.util.*"  %>
    
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
    
        <title>My JSP 'Bar.jsp' starting page</title>
    
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">    
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
    
      </head>
    
      <body>
             <%
       int pages;
       int currpage=1;
       if(request.getParameter("page")!=null){
           currpage=Integer.parseInt(request.getParameter("page"));
    
       }
       Find find=new Find();
       int count=find.SelectCount();
       if(count%User.PAGESIZE==0){
             pages=count/User.PAGESIZE;
       }
       else{
             pages=count/User.PAGESIZE+1;
       }
       StringBuffer sb=new StringBuffer();
       for(int i=1;i<=pages;i++){
          if(i==currpage){
              sb.append("["+i+"]");
          }else{
                sb.append("<a href='showPage.jsp?page="+i+"'>"+i+"</a>");
          }
         sb.append("  ");
       }
       out.print(sb);
    
       request.setAttribute("bar",sb.toString());
    
        %>
    
    </body>
    </html>

    ShowPage.jsp

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%@ page import="java.sql.*"%>
    <%@ page import="nuc.test.user.User" %>
    <%@page import="nuc.test.Dao.*"  %>
    <%@page import="java.util.*"  %>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
    
        <title>My JSP 'showPage.jsp' starting page</title>
    
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">    
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
    
      </head>
    
      <body>
         <table align="center" width="800" border="1">
        <tr>
            <td align="center" colspan="5">
            <h2>所有用户信息</h2>
            </td>
        </tr>
        <tr align="center">
        <td>用户名</td><td>密码</td><td>用户类型</td><td colspan="2">操作方法</td>
        </tr>
    
        <%
            int currpage=1;
            if(request.getParameter("page")!=null){
                currpage=Integer.parseInt(request.getParameter("page"));
    
            }
            Find find=new Find();
            List<User> listall=new ArrayList<User>();
            listall=find.Selectcontent(currpage);
            Iterator<User> it=listall.iterator();
            while(it.hasNext()){
                   User usera=it.next();
    
         %>
        <tr align="center">
           <td><%=usera.getUsername() %></td>
           <td><%=usera.getPassword() %></td>
           <td><%=usera.getType() %></td>
           <td><a href="servlet/Update?id=<%=usera.getId()%>">修改</a></td>
           <td><a href="servlet/Delete?id=<%=usera.getId()%>">删除</a></td>
        </tr>
        <%} %>
        <tr>
        <td align="center" colspan="3">
               <jsp:include page="Bar.jsp"/>
        </td>
        </tr>
        <tr align="center"><td colspan="5"><a href="first.jsp">添加用户</a></td></tr>
        </table>
    
      </body>
    </html>

    这里写图片描述


    展开全文
  • 很多人可能跟我一样,需要连接N都个数据库,进行操作, 有时候要查某个服务器下...直接工具栏输入, 下面显示查询结果列表 前端: easyui 前端我用的是easyui的表格功能,这个做列表数据展示还不错, 后端: php 接口,  ...

    很多人可能跟我一样,需要连接N都个数据库,进行操作, 有时候要查某个服务器下某个数据库的某张表的数据. 然后只能打开连接远程服务器, 连接远程数据库, 然后再sql语句操作. 每次都很烦,所以有空做了个 连接数据库操作的工具页面.

    直接工具栏输入, 下面显示查询结果列表

    前端: easyui 前端我用的是easyui的表格功能,这个做列表数据展示还不错,

    后端: php 接口, 

    直接贴代码. 

    <html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4/themes/default/easyui.css">
        <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4/themes/icon.css">
        <script type="text/javascript" src="jquery-easyui-1.4/jquery.min.js"></script>
        <script type="text/javascript" src="jquery-easyui-1.4/jquery.easyui.min.js"></script>
        <script type="text/javascript" src="jquery-easyui-1.4/locale/easyui-lang-zh_CN.js"></script>
    
    
    
    </head>
    <body style="padding:0px;margin:0px">
    
    <table id="dg" style="width:100%;" data-options=""></table>
    
    <div id="toolbar">
        <table style='width:100%'>
            <div id="toolbar">
    
                <form >
                    <div>类型:<select name="type">
                            <option value="0" selected="selected">综合区</option>
                            <option value="1">指定区</option>
                        </select>
                    数据库名:<input type="text" name="db_name" placeholder="DATABASE" value="" id="db_name" /></div>
                    <div>区ID:<input type="text" name="zoneid"  placeholder="ZONE" value="" id="zoneid" /></div>
                    <div>
                        SQL语句:<textarea name="sqlstr" rows="3" cols="30" ></textarea> <a href="javascript:;" onclick="select_gift();" class="easyui-linkbutton" iconCls="icon-undo" >gift</a>
                    </div>
    
                </form>
                <div>
                    <button type="button" onclick="datagrid_load();" class="easyui-linkbutton" iconCls="icon-search" >查询</button>
                </div>
            </div>
        </table>
    
    </div>
    
    
    <script type="text/javascript">
        //动态展示列和数据
        var datagrid_load = function () {
            var columns = new Array();//定义列数组
            var ser = encodeURI($('form').serialize());//参数需要跟 下面保持一致
    
    
            $.getJSON('sql_toolbar_port.php?head=1&'+ser, null, function (result) {//通过方法获得后台数据,该方法不唯一。
                /*var column = {
                    field: 'field', title: '不变的', width: 100, sortable: true, editor: 'textReadonly',
                }
                columns.push(column);//将固定写死的列,存入列数组中*/
    
                for (var i = 0; i < result.length; i++) {//遍历获得的后台数据,这是需要动态显示的表头数据源
                    var column1 = {
                        field: result[i].field, title: result[i].title , width: 70, sortable: true, editor: {
                            type: 'numberbox',
                        }
                    }// field字段和title值都是根据后台的数据来赋值
                    columns.push(column1);//将需要动态显示的列,存入列数组中
                }
                initTable(columns);
            });
    
    
        }
    
        $(function () {
    
        })
    
    
        function initTable(columns) {
            grid = $('#dg').datagrid({   //定位到Table标签,Table标签的ID是grid
                url: 'sql_toolbar_port.php',   //指向后台的Action来获取当前菜单的信息的Json格式的数据
                title: 'sql查询',
                iconCls: 'icon-view',
    //                height: 650,
    //                width: '100%',
                fit: true,
                idField: 'ID',
                toolbar: '#toolbar',
                method : 'post',
                fitColumns:false,    //横向滚动条
                queryParams: {zoneid:$("input[name='zoneid']").val(),type:$("select[name='type']").val(),db_name:$("input[name='db_name']").val(),sqlstr:encodeURI($("textarea[name='sqlstr']").val())},
    //            queryParams: $("form").serialize(),  //异步查询的参数
                columns: [
                    columns,//通过js动态生成,这是关键。
                ],
            });
    
        };
    
    
        function select_gift() {
            var obj1 = $("form").serializeArray();
            $.each(obj1,function (i,field) {
                alert(field.name + '=' + field.value);
            })
    
        }
    
    
    </script>
    </body>
    </html>

    因为easyui的datagrid 表格插件, 官方没有给出 动态输出表格动态展示列的例子, 我采用的是动态获取列.

    列标题 一个接口, 列数据一次接口. 我觉得两个本来就是一个查询, 所以放到了一个页面, 只做了返回值的区分, 列标题传一个head=1的参数.

    JS两个ajax函数, 一个是获取列的, 下面是获取数据的,  上面获取后把列字符串给到下面的 datagrid表格控件去展示.

    注意两个函数的参数都要一致,否则会出错.

     

    看看PHP页面.

    include_once 'database.php';
    include_once 'function.php';
    include_once 'models/ZoneClass.php';
    $Zone = new ZoneClass(DATABASE_HOST,DATABASE_USER,DATABASE_PASS,DATABASE_PORT,DB_FENTIANSJ);
    include_once 'models/GmCode.php';
    $GMCODE = new  GmCode(DATABASE_HOST,DATABASE_USER,DATABASE_PASS,DB_EXTGAME,DATABASE_PORT);
    
    $con = mysqli_connect(DATABASE_HOST,DATABASE_USER, DATABASE_PASS, DB_ADMIN, DATABASE_PORT);
    $con ? '': die('连接失败');
    
    $head = empty($_REQUEST['head']) ? '' : $_REQUEST['head'];
    $type = empty($_REQUEST['type']) ? 0:1;
    $db_name = empty($_REQUEST['db_name']) ? '': urldecode($_REQUEST['db_name']);
    $zoneid = empty($_REQUEST['zoneid']) ? '' : $_REQUEST['zoneid'];
    $sqlstr = empty($_REQUEST['sqlstr']) ? '' : urldecode($_REQUEST['sqlstr']) ;
    $rows = array();
    //echo urldecode($sqlstr);die();
    
    if($type ==0){
    
        mysqli_set_charset($con,'utf8');
        mysqli_select_db($con,$db_name) or die("mysql select db error ".mysqli_error($con));//设置或修改数据库
    
        $result = mysqli_query($con,$sqlstr);
    
        while ($row = mysqli_fetch_assoc($result)){
            $rows[] = $row;
        }
    
    }else{
    
        $rows = $Zone->readZoneData($zoneid,$sqlstr);
    
    }
    //var_dump($rows);
    //die();
    
    $array = array();
    if (!$rows){
        echo '{"error":"没有数据","rows":[]}';exit();
    }
    
    
    if($head == 1){//读取列
        $jsons1 = '';
        foreach ($rows[0] as $k=>$v){
    //        $jsons1 .= '{"title":"'.$k.'","field":"'.$k.'","width":"100","align":"center"},';
            $jsons1[] = array(
                'field' =>$k,
                'title' =>$k,
                'align' => 'center',
                "width" => 200,
            );
        }
        echo json_encode($jsons1);
    
    //    echo '[{"field":"id","title":"ID"},{"field":"gm_code","title":"gm"},{"field":"gm_zones","title":"gm_zones"},{"field":"action","title":"action"},{"field":"state","title":"state"},{"field":"timesss","title":"timesss"},{"field":"ctime","title":"ctime"}]';
    }else{
        //读取数据
        echo json_encode($rows);
    }
    
    
    
    die();

    这是个原生的php, 直接用mysqli连接,

    前面引入的是连接数据库的公共文件.

    先说说数据库情况,

     default 数据库 : 默认数据库, 服务器 IP 10.10.1.1. 所以选择综合区,填写操作的数据库即可 

    其他区数据库(每个区的服务器都不同): 我这里在默认服务器下,有一个ZONE区数据表, 记录不同ZONE ID的 服务器IP 账号 密码 等.

    所以要查询 某个区下面的数据库, 填写区ID 即可, 引入的ZoneClass是封装文件.

    你们可以直接 把你们多个服务器做成一个SELECT下拉框, 一个数据库 文本框, 一个SQL语句文本框.

    代码没什么好说的, 有注释, head是只取字段名, 然后把字段名转为json字符串.前端获取后展示列标题. 另外一个就是获取数据. 遵循easyui 表格的规则

    展开全文
  • 一个简单的数据库查询系统界面实现,包括逻辑部分代码及窗口实现部分代码。压缩包还包括界面图,各控件逻辑关系图。
  • java开发,利用servlet实现登录及数据库查询
  • web登录注册,在Myeclipse里打开,可以进行mysql数据访问
  • 今天小编就为大家分享一篇Django 查询数据库并返回页面的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 实现基于网页数据库数据导入.pdf
  • 将txt中的数据读取并存入sqlite中,利用tkinter将数据库增删改查界面化,并将数据库数据显示至treedata树结构中,详情请看博文https://blog.csdn.net/qq_40435493/article/details/103567881
  • 1.新建一个数据库 ImportXlsx 并在里面添加表名 IsXlsx. 2.下载 phpExcel 插件(内附插件) 3.导入文件和xlsx 。 4.获取xlsx表的对象并存入数据库 (用于php读取解析excel文件,用来操作Office Excel 文档的一...
  • VS连接数据库查询、插入

    千次阅读 2018-06-30 17:03:30
    用VS连接数据库首先需要新建一个数据库,这样VS才能进行连接数据库,然后我们新建一个VS项目Mysql,打开using System;using System.Collections.Generic;using System.Linq;using System.Text;using System....

    用VS连接数据库首先需要新建一个数据库,这样VS才能进行连接数据库,然后我们新建一个VS项目Mysql,打开

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Text;
    using System.Threading.Tasks;
    using MySql.Data.MySqlClient;   //这个命名空间需要添加引用Mysql.Data


    namespace MysqlTest
    {
        class Program
        {
            static Program pro;       //新建了一个这个类的对象,方便方法的调用
            public MySqlConnection conn;     //新建一个数据库连接对象
            public bool isConnection = false;     //数据库是否连接上
            List<UserModel> userList = new List<UserModel>();
            static void Main(string[] args)
            { 
                pro = new Program();   
                //1.查询
                pro.OpenDatabase();
                if (pro.isConnection)
                {
                    //Console.WriteLine("可以查询");
                    pro.ReadDatabase();
                    pro.InsertDatabase();
                    //插入
                }
                Console.ReadLine();
            }


            //启动数据库   Shader->斗地主
            void OpenDatabase()

            {

                string connectStr = "server=localhost;port=3306;database=vr-20;user=root;password=wwww;";   //连接数据库
                //打开数据库
                conn = new MySqlConnection(connectStr);
                conn.Open();             //打开数据库
                try
                {
                    pro.isConnection = true;
                    Console.WriteLine("数据库连接成功...");
                    //查询       
                }
                catch (Exception e)
                {
                    Console.WriteLine(e.Message);
                    throw;
                }
            }
            //查询
            void ReadDatabase()
            {
                //1.sql语句  people表名字
                string readSql = "SELECT * FROM people";
                //1.参sql语句 2.参是当前数据库服务器连接对象
                MySqlCommand command = new MySqlCommand(readSql, conn);
                //.检索数据
                MySqlDataReader reader = command.ExecuteReader();
                while (reader.Read())
                {
                    UserModel model = new UserModel(reader.GetString(1), int.Parse(reader.GetString(2)),
                        int.Parse(reader.GetString(3)));
                    userList.Add(model);
                }
                foreach (UserModel item in userList)
                {
                    Console.WriteLine(item.name);
                }
            }
            //插入
            void InsertDatabase()
            {
                //sql语句
                string sqlstr ="INSERT INTO `vr - 20`.`people` (`name`, `age`, `phone`) VALUES('老杨', '25', '1');";
                MySqlCommand command = new MySqlCommand(sqlstr, conn);
                //返回值
                int result = command.ExecuteNonQuery();
                Console.WriteLine(result);
                //查询
                pro.ReadDatabase();



                //2.第二种插入的方法
                //MySqlCommand command = conn.CreateCommand();
                
                //command.CommandText = "insert into people(Id,Name,phone) values(@name,@age,@phone)";
                //command.Parameters.AddWithValue("@name", "老李");
                //command.Parameters.AddWithValue("@age", 30);
                //command.Parameters.AddWithValue("@phone", 1);
                //command.ExecuteNonQuery();
                查询
                //pro.ReadDatabase();
            }
        }

    }



    在这里还需要新建一个class类

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Text;
    using System.Threading.Tasks;


    namespace MysqlTest
    {
        class UserModel
        {
            public string name;
            public int age;
            public int phone;
            public UserModel(string _name,int _age,int _phone)
            {
                this.name = _name;
                this.age = _age;
                this.phone = _phone;
            }
        }
    }

    展开全文
  • 如何开发一个网页版的SQL查询工具

    千次阅读 2020-08-16 14:36:46
    在Java web开发中,有时需要查询数据库,用Web网页版的更简单,什么客户端都不用安装。将日志打印的sql语句复制过来,直接运行就行。 其实事情也并不是都那么简单,看以下日志: 这种日志,是有问号占位的,不...
  • 前端页面实现数据库的操作
  • JSP实现HTML网页中分页查询Mysql数据库数据主要有以下几个地方要注意: 使用rs的来计算页面数: rs.last(); RowAmount = rs.getRow(); 计算数据库中数据最大页面数 PageAmount = (RowAmount + PageSize - 1 )/ ...
  • Spring+SpringMVc+Mybatis实现数据库查询

    千次阅读 2018-08-02 17:52:33
    用SSM框架实现数据查询的一个Demo,使用的数据库是Mysql,Server是TomCat SSM框架搭建环境 因为个人使用的是idea的,不同于该博主使用的myeclipse,导入jar包部分就省略了。(有需要的可以在文末找到原帖链接) ...
  • VS中基本的数据库单表查询

    千次阅读 2019-04-06 12:44:13
    首先要先创建一个数据库,跟着把所需要的数据导入到库并设计好数据库中的每一个表,记住每一个表都需要有一个关系连着,要不然这个数据库是无法做到联表查询的,如果没有关系,那么这个数据库也就没有用处了,更不用...
  • 友好而美观的jsp页面实现用户注册,登录(修改数据库中中的相关数据) 友好而美观的jsp页面实现用户注册,登录(修改数据库中中的相关数据)
  • 用python写一个动态资源服务器,然后写一个应用程序框架用装饰器实现(模拟FLASK框架),再设计一个类shsp,类功能实现数据库交互并返回想要的结果 ...这是里面的所有网页以及代码内容、数据库内容
  • 通过JSP将数据库中的数据显示到网页上,数据库为Mysql数据库
  • 如果我想要实现数据库中抓取数据再把这些数据展示在网页上,比如说我在数据库中 存放了很多url,我要在网页上生成这些链接应该怎么做,要用到哪些工具jQuery,ajax或者php? 初学网页,各位大神请见谅ORZ
  • 实现简单网页+java后台+数据库对标题和内容进行增删改查
  • 前言:继实现了对员工信息的增删改后,需要实现“模糊查询”操作。鉴于之前三部分学的不是很透彻,本次学习第四部分决心做个笔记(便于以后copy~) 1.先前配置~:①一张员工信息表(图1.1)(数据库中的对应表+...
  • 用python写一个服务器并且实现数据库网页交互本文简介1.需要实现的功能逻辑2.设计想法3.数据库设计服务器类代码应用程序框架代码商城类代码(实现数据库交互)运行 本文简介 开发环境是Ubuntu系统下python3.5,...
  • {曾经的低级错误,是对象属性值定义为static,这样导致列表只能获得数据库最后一行值 User user = new User();//每次遍历一行对象,进行一次暂时存放, user.setId(r.getInt(“id”));//从数据库中获取信息 ...
  • 利用数据库实现网页开发选课系统
  • 简单来说,view是用来给用户所看到的,通常view里面的数据可以通过js(一般用jquery)语言把它传给控制器中,然后控制器又能与数据库相连通,这就形成一个交互式网页。话不多说,上图直接走流程。 安装好mysql以及...
  • 文章目录Javaweb--通过网页实现数据库的增删查改1、功能需求2、技术选型2、最终效果图3、数据库准备4、前端开发5、后端开发 Javaweb–通过网页实现数据库的增删查改 通常在写一些后台管理系统的时候,一定会有...
  • 使用简单的jsp+mysql技术实现数据库的增删改查操作,以及权限控制
  • 本项目使用JDBC连接技术,实现登录后陈列数据库中全部人员信息的简单管理系统,在JDBC这里有问题的可以下载作为参考,附数据库

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 242,900
精华内容 97,160
关键字:

网页实现数据库查询