angularJS+html+Spring+Mybatis

最新推荐文章于 2023-02-03 12:46:56 发布
最新推荐文章于 2023-02-03 12:46:56 发布
阅读量641 收藏
点赞数
分类专栏： 工作足迹
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013491262/article/details/54669579
版权 

var app = angular.module("dbApi.service", []);
app.service("dbApiService", ['$http' , '$q'  , function($http , $q){
	
	this.queryTables = function(pageNo , pageSize , sreachDbName){
		var deferred = $q.defer();
		$http.get("api/querytables/" + pageNo + "/" + pageSize + "?sreachDbName=" + sreachDbName)
		     .success(function(data) {
					deferred.resolve(data);
			  })
			  .error(function(data) {
			        deferred.reject(data);
		      }) ;
		return deferred.promise;
	} ;
	
	this.queryTableInfo = function(dbname){
		var deferred = $q.defer();
		$http.get("api/queryTableInfo?dbname=" + dbname)
		     .success(function(data) {
					deferred.resolve(data);
			  })
			  .error(function(data) {
			        deferred.reject(data);
		      }) ;
		return deferred.promise;
	} ;
	
	
	this.queryNeeds = function(pageNo , pageSize , sreachDescName){
		var deferred = $q.defer();
		$http.get("api/queryNeeds/" + pageNo + "/" + pageSize+"?sreachDescName=" + sreachDescName)
		     .success(function(data) {
					deferred.resolve(data);
			  })
			  .error(function(data) {
			        deferred.reject(data);
		      }) ;
		return deferred.promise;
	} ;
	
	this.addNeeds = function(pageNo , pageSize , need_desc, need_people, need_sql){
		var deferred = $q.defer();
		$http.get("api/queryNeeds/" + pageNo + "/" + pageSize + 
				  "?need_desc=" + need_desc + "?need_people=" + need_people + "?need_sql=" + need_sql)
		     .success(function(data) {
					deferred.resolve(data);
			  })
			  .error(function(data) {
			        deferred.reject(data);
		      }) ;
		return deferred.promise;
	} ;
	
}]);

var app = angular.module("dbHome.controller" , ["ngRoute" , "dbShow.controller" , "dbNeed.controller"]) ;

app.config(function ($routeProvider) {
    $routeProvider.
	    when('/home', {
	        templateUrl: './page/app/showDb.html',
	        controller: 'showDbCtrl'
	    }).
	    when('/need', {
	        templateUrl: './page/app/need.html',
	        controller: 'needCtrl'
	    }).
	    otherwise({
	        redirectTo: '/home'
	    });
});


var app = angular.module("dbNeed.controller" , ["dbApi.service" , "ngTable" , "ui.bootstrap"]) ;

app.controller("needCtrl" , ["$scope" , "dbApiService" ,  'NgTableParams' ,  function($scope , api , NgTableParams) {
	$scope.changeDateFir = true ;
	$scope.sreachDescName = "" ; 
	$scope.queryNeeds = function(){
		if($scope.totalNeeds != undefined){
			$scope.changeDateFir=!$scope.changeDateFir;
			$scope.totalNeeds.page(1) ;
			$scope.totalNeeds.count(15) ;
			$scope.totalNeeds.sorting({ 
		        changeDate: $scope.changeDateFir?'desc':'asc'
		    });
		}else{
			$scope.totalNeeds = new NgTableParams({
			  	page: 1 ,            
			  	count: 15   ,       
			 }, 
			 {  counts: [],
				getData: function($defer, params) {
				    var count = params.count();
				    var page = params.page();
				    api.queryNeeds(page , count , $scope.sreachDescName).then(function(data){
						if(data.callStatus == 'SUCCEED' && data && data.data.length > 0){
							params.total(data.totalNumber) ;
							$defer.resolve(data.data) ;
						}else{
							$defer.resolve([]);
						}
					}, function(data) {
						$defer.resolve([]);
					}); 
				 }
			  });
		  } 
	};
	 
	$scope.queryNeeds() ;

}]) ;


var app = angular.module("dbShow.controller" , ["dbApi.service" , "ngTable" , "ui.bootstrap"]) ;

app.controller("showDbCtrl" , ['$scope' , '$uibModal' , 'NgTableParams' , 'dbApiService' , function($scope , $uibModal ,  NgTableParams , api){
	$scope.changeDateFir = true ;
	$scope.sreachDbName = "" ;
	$scope.dbTables = function(){
		if($scope.totalTables != undefined){
			$scope.changeDateFir=!$scope.changeDateFir;
			$scope.totalTables.page(1) ;
			$scope.totalTables.count(15) ;
			$scope.totalTables.sorting({ 
		        changeDate: $scope.changeDateFir?'desc':'asc'
		    });
		}else{
			$scope.totalTables = new NgTableParams({
			  	page: 1 ,           
			  	count: 15   ,       
			 }, 
			 {  counts: [],
				getData: function($defer, params) {
				    var count = params.count();
				    var page = params.page();
				    api.queryTables(page , count , $scope.sreachDbName).then(function(data){
						if(data.callStatus == 'SUCCEED' && data && data.data.length > 0){
							params.total(data.totalNumber) ;
							$defer.resolve(data.data) ;
						}else{
							$defer.resolve([]);
						}
					}, function(data) {
						$defer.resolve([]);
					}); 
				 }
			  });
		  } 
	};
	
	$scope.dbTables() ;	
	
	$scope.showTableInformation = function(dbname){  //打开模态
         var modalInstance = $uibModal.open({
             animation:true,
             templateUrl : 'newFunctionReminder.html',  //指向上面创建的视图
             controller : 'AllModalInstanceCtrl',// 初始化模态范围
             size : 'lg', //大小配置
             resolve:{
                  items: function () {//items是一个回调函数
                      return dbname  ;//这个值会被模态框的控制器获取到
                  }
             }
          });
                
          modalInstance.result.then(function(){  
          },function(){
          });
    };
}]);

app.controller("AllModalInstanceCtrl", ["$scope" , "$uibModalInstance" , "dbApiService" , "items" , function($scope , $uibModalInstance , api , items){ //依赖于modalInstance
	api.queryTableInfo(items).then(function(data){
		 $scope.tableInfomatin = data  ;
    });
    $scope.cancel = function(){
    	 $uibModalInstance.dismiss('cancel'); // 退出
    };
}]);


<!DOCTYPE html>
<html ng-app="dbHome.controller">
<head>

<meta charset="utf-8">
<title>数据视图</title>

<link href="page/common/css/bootstrap.min.css" rel="stylesheet">
<link href="page/common/css/ng-table.css" rel="stylesheet">

<script src="page/common/js/angular.js"></script>
<script src="page/common/js/ng-table.js"></script>
<script src="page/common/js/ui-bootstrap-tpls.js"></script>
<script src="page/common/js/angular-animate.min.js"></script>
<script src="page/common/js/angular-route.min.js"></script>

<script src="page/app/js/controllers/db-home-controller.js"></script>
<script src="page/app/js/controllers/db-need-controller.js"></script>
<script src="page/app/js/controllers/db-show-controller.js"></script>
<script src="page/app/js/services/db-api-service.js"></script>

</head>

<body>
    <div class="navbar navbar-inverse">
       <a class="navbar-breand" href="#/home">数据视图</a>
    </div> 
    
	<div class="panel panel-default row">
		<div class="col-xs-2">
				<ul class="nav nav-stacked">
				  <li><a href="#/need">上报需求</a></li>
				  <li><a href="#/">我要吐槽</a></li>
				</ul>
		</div> 		
		<div class="col-xs-8">
			  <div ng-view=""></div>
		</div>
	</div>
</body>
</html>

<div>
	<form class="bs-example bs-example-form" role="form">
		<div class="row">
			<div class="col-lg">
				<div class="input-group">
					<input class="form-control" type="text" ng-model="sreachDescName"
						placeholder="上报需求描述"> <span class="input-group-btn">
						<button class="btn btn-default" ng-click="queryNeeds()">
							Submit</button>
					</span>
				</div>
			</div>
		</div>
	</form>

	<br>

	<table ng-table="totalNeeds" class="table table-hover">
		<tbody>
			<tr>
				<th>需求描述</th>
				<th>上报人</th>
				<th>上报时间</th>
			</tr>
			<tr ng-repeat="need in $data">
				<td>{{need.need_desc|limitTo:15}}</td>
				<td>{{need.need_people}}</td>
				<td>{{need.need_time}}</td>
			</tr>
		</tbody>
	</table>
</div>



<div>

	<form class="bs-example bs-example-form" role="form">
		<div class="row">
			<div class="col-lg">
				<div class="input-group">
					<input class="form-control" type="text" ng-model="sreachDbName" placeholder="按表名查詢" >
					<span class="input-group-btn">
						<button class="btn btn-default" ng-click="dbTables()">
							Submit
						</button>
					</span>
				</div>
			</div>
		</div>
	</form>
	
	<br>

	<table ng-table="totalTables" class="table table-hover">
		<tbody>
			<tr>
				<th>表名</th>
				<th>描述</th>
			</tr>
			<tr ng-repeat="db in $data">
				<td ng-click="showTableInformation(db.table_name)"><a href>{{db.table_name}}</a></td>
				<td>{{db.description}}</td>
			</tr>
		</tbody>
	</table>


	<script type="text/ng-template" id="newFunctionReminder.html">
		<div class="modal-header update-modal-title">
        </div>
		<table class="table table-hover">
		<tbody>
			<tr>
				<th>列名</th>
                <th>描述</th>
                <th>类型</th>
                <th>可空</th>
			</tr>
			<tr ng-repeat="dbinfo in tableInfomatin">
				<td>{{dbinfo.column_name}}</td>
                <td>{{dbinfo.description}}</td>
                <td>{{dbinfo.data_type}}</td>
                <td>{{dbinfo.is_nullable}}</td>
			</tr>
		</tbody>
	   </table>
        <div class="modal-footer update-modal-footer">
            <button class="btn" ng-click="cancel()">关闭</button>
        </div>
</script>

</div>


	<select id="queryTables" resultType="java.util.HashMap">
		select a.table_name , b.description
		from(
			SELECT table_name 
			FROM information_schema.tables WHERE table_schema = 'public' 
		)a
		left join
		(  select  table_name , des.description
			  FROM information_schema.tables tab
			  LEFT JOIN pg_description des 
			  ON tab.table_name::regclass = des.objoid 
			WHERE table_schema = 'public'
			AND  des.objsubid=0
		)b
		on a.table_name  = b.table_name 
		order by table_name
	</select>
	
	<select id="queryTableInfo" resultType="java.util.HashMap">
		select  col.column_name , col.is_nullable , col.data_type , des.description
		FROM information_schema.columns col
		LEFT JOIN pg_description des ON col.table_name::regclass = des.objoid AND col.ordinal_position = des.objsubid
		WHERE table_schema = 'public'
		AND table_name =#{dbname,jdbcType=VARCHAR} 
	</select>
	
	<select id="queryNeeds" resultType="java.util.HashMap">
		select   to_char(need_time , 'YYYY-MM-DD HH:MM:SS') as need_time , need_desc ,  need_people , user_sql as need_sql 
		from ebd_tmp_need
		where need_desc like CONCAT('%',#{sreachDescName,jdbcType=VARCHAR},'%')
		offset #{offset,jdbcType=INTEGER}  limit #{limit,jdbcType=INTEGER}
	</select>
	
	<select id="queryNeedCount" resultType="java.lang.Integer">
		select  count(*) from ebd_tmp_need
		where need_desc like  CONCAT('%',#{sreachDescName,jdbcType=VARCHAR},'%')
	</select>

mybatis.cfg.xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>

	<!-- 基础设置 -->
	<settings>
		<!-- changes from the defaults -->
		<setting name="lazyLoadingEnabled" value="false" />
		<!-- 表名重用预编译的SQL语句 -->
		<setting name="defaultExecutorType" value="REUSE" />
		<!-- 全局映射器启用缓存 -->
		<setting name="cacheEnabled" value="true" />
		<!-- 查询时，关闭关联对象即时加载以提高性能 -->
		<setting name="lazyLoadingEnabled" value="true" />
		<!-- 设置关联对象加载的形态，此处为按需加载字段(加载字段由SQL指 定)，不会加载关联表的所有字段，以提高性能 -->
		<setting name="aggressiveLazyLoading" value="false" />
		<!-- 对于未知的SQL查询，允许返回不同的结果集以达到通用的效果 -->
		<setting name="multipleResultSetsEnabled" value="true" />
		<!-- 允许使用列标签代替列名 -->
		<setting name="useColumnLabel" value="true" />
		<!-- 允许使用自定义的主键值(比如由程序生成的UUID 32位编码作为键值)，数据表的PK生成策略将被覆盖 -->
		<!-- <setting name="useGeneratedKeys" value="true" /> -->
		<!-- 给予被嵌套的resultMap以字段-属性的映射支持 -->
		<setting name="autoMappingBehavior" value="FULL" />
		<!-- 对于批量更新操作缓存SQL以提高性能 -->
		<setting name="defaultExecutorType" value="SIMPLE" />
		<!-- 数据库超过25000秒仍未响应则超时 -->
		<setting name="defaultStatementTimeout" value="25000" />

		<setting name="callSettersOnNulls" value="true" />
	</settings>

	<!-- 别名定义 -->
	<typeAliases>
	</typeAliases>

</configuration> 

web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns="http://java.sun.com/xml/ns/javaee"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
	id="WebApp_ID" version="3.0">
	<display-name>DBView</display-name>

	<filter>
		<filter-name>encodingFilter</filter-name>
		<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
		<init-param>
			<param-name>encoding</param-name>
			<param-value>UTF-8</param-value>
		</init-param>
		<init-param>
			<param-name>forceEncoding</param-name>
			<param-value>true</param-value>
		</init-param>
	</filter>
	<filter-mapping>
		<filter-name>encodingFilter</filter-name>
		<url-pattern>/*</url-pattern>
	</filter-mapping>

	<listener>
		<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
	</listener>

	<context-param>
		<param-name>contextConfigLocation</param-name>
		<param-value>classpath:applicationContext-*.xml</param-value>
	</context-param>

	<context-param>
		<param-name>log4jConfigLocation</param-name>
		<param-value>classpath:log4j.properties</param-value>
	</context-param>
	<context-param>
		<param-name>log4jRefreshInterval</param-name>
		<param-value>6000</param-value>
	</context-param>
	
	<context-param>
    <param-name>kmRootKey</param-name>
    <param-value>km.root</param-value>
  </context-param>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.js</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.csv</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.json</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.html</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.css</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.jpg</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.png</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.PNG</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.woff</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.woff2</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.ttf</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.eot</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.svg</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.ico</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.gif</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.pdf</url-pattern>
  </servlet-mapping>
	<servlet>
		<servlet-name>mvc-dispatcher</servlet-name>
		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
		<load-on-startup>1</load-on-startup>
	</servlet>
	<servlet-mapping>
		<servlet-name>mvc-dispatcher</servlet-name>
		<url-pattern>/</url-pattern>
	</servlet-mapping>
	
</web-app>


mvc-dispatcher-servlet.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context"
	xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:aop="http://www.springframework.org/schema/aop"
	xmlns:task="http://www.springframework.org/schema/task"
	xsi:schemaLocation="http://www.springframework.org/schema/beans 
       http://www.springframework.org/schema/beans/spring-beans.xsd 
       http://www.springframework.org/schema/context 
       http://www.springframework.org/schema/context/spring-context.xsd 
       http://www.springframework.org/schema/mvc 
       http://www.springframework.org/schema/mvc/spring-mvc.xsd 
       http://www.springframework.org/schema/websocket 
       http://www.springframework.org/schema/websocket/spring-websocket.xsd
       http://www.springframework.org/schema/aop 
		http://www.springframework.org/schema/aop/spring-aop-3.0.xsd
		http://www.springframework.org/schema/task 
		http://www.springframework.org/schema/task/spring-task.xsd">
   <mvc:annotation-driven/>
   <mvc:default-servlet-handler/>
   <context:component-scan base-package="X.X.X.X"/>    
	
	<bean
		class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<property name="prefix" value="/page/app" />
		<property name="suffix" value=".html" />
	</bean>

	<bean
		class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">
		<property name="messageConverters">
			<list>
				<bean
					class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter" />
				<bean class="org.springframework.http.converter.FormHttpMessageConverter" />
			</list>
		</property>
	</bean>

	<bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerMapping" />


</beans>


applicationContext-jdbc.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans default-autowire="byName"
	xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns:context="http://www.springframework.org/schema/context" xmlns:tx="http://www.springframework.org/schema/tx"
	xmlns:task="http://www.springframework.org/schema/task" xmlns:mvc="http://www.springframework.org/schema/mvc"
	xmlns:util="http://www.springframework.org/schema/util"
	xsi:schemaLocation="
       http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
       http://www.springframework.org/schema/task http://www.springframework.org/schema/task/spring-task.xsd
       http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd
       http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
       http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd
       http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util.xsd">

	<bean id="transactionManager"
		class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
		<property name="dataSource" ref="dataSource" />
	</bean>

	<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
		<property name="dataSource" ref="dataSource" />
		<property name="configLocation" value="classpath:mybatis.cfg.xml" />
		<property name="mapperLocations" value="classpath:X/X/**/*Mapper.xml" />
	</bean>
	
	<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
		<property name="sqlSessionFactoryBeanName" value="sqlSessionFactory" />
		<property name="basePackage" value="cn.paic.rep.pare.dao.impl" />
	</bean>
	
	<bean id="jdbcTemplate" class="org.springframework.jdbc.core.JdbcTemplate">
		<property name="dataSource">
			<ref bean="dataSource" />
		</property>
	</bean>

</beans>

applicationContext-resource.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:mvc="http://www.springframework.org/schema/mvc"
	xmlns:p="http://www.springframework.org/schema/websocket"
	xmlns:context="http://www.springframework.org/schema/context"
	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
       http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd  
       http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd 
       http://www.springframework.org/schema/websocket http://www.springframework.org/schema/websocket/spring-websocket.xsd">


	<bean id="dataSource" class="org.apache.commons.dbcp2.BasicDataSource"
		destroy-method="close">
		<property name="driverClassName" value="org.postgresql.Driver"></property>
		<property name="url" value="jdbc:postgresql://X.X.X.X:7458/X"></property>
		<property name="username" value=""></property>
		<property name="password" value=""></property>
		<property name="maxIdle" value="50"></property>
		<property name="minIdle" value="10"></property>
	</bean>

</beans>














贫嘴小李子的幸福生活
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
spring+springmvc+mybatis
10-19
spring+springmvc+mybatis 适合练手，但是jdk版本不要太高，不然运行容易出现版本的问题
原生HTML+SpringBoot实现文件上传
思月行云
01-28 929
关于HTML中怎样实现文件上传的内容就介绍到这，上述这些方法和示例具有一定的借鉴价值，感兴趣的朋友可以参考，希望能对大家有帮助，想要了解更多HTML的内容，大家可以关注群英网络其它的相关文章。文本转载自PHP中文网作者： Tapas Adhikary译者：前端小智t=MBR7HTML中怎样实现文件上传，有什么方法？-群英 (qycn.com)https://www.qycn.com/xzx/article/2811.html。
基于Java+Spring+Html的图书借阅管理系统详细设计和实现
热门推荐
java李阳勇的博客
02-03 1万+
主要功能设计：个人中心、公告信息管理、用户管理、图书分类管理、图书信息管理、图书借阅管理、图书归还管理、罚金缴纳管理、图书入库管理、图书出库管理、每日盘点管理、留言板管理、论坛管理等信息
mybatis存页面html的问题,上传文件通过mybatis存储到数据库的BLOB格式中
weixin_31108825的博客
06-03 202
HTML 页面 需要设置一个文件框上传操作方法：public int doUpload() throws Exception {Map param = new HashMap();ServletFileUpload servletFileUpload = new ServletFileUpload();FileItemIterator itr = servletFileUpload.getIte...
Spring使用Thymeleaf实现HTML界面
学而不厌 诲人不倦
12-26 1万+
简介 ​ 本文主要介绍SpringMVC使用Thymeleaf进行简单的HTML界面设计，如Table，表单，下拉框等。 利用Thymeleaf可以非常方便的在HTML中使用Java中class和方法，如字符串，List，Map等。 Thymeleaf ​ Thymeleaf是一个服务器端的Java模板引擎用于Web和独立环境，能够处理HTML，XML，JavaScript，CSS和纯文本，目标是...
html+spring boot简单的ajax数据传输实现
了迹奇有没
02-29 2195
本篇讲解在前后端不分离情况下的html+spring boot的项目数据传输实现 首先，后台我写了三个接口 package com.demo.ajax.controller; import com.demo.ajax.Entity.Person; import lombok.extern.slf4j.Slf4j; import org.jboss.logging.Param; import or...
基于Springboot+Mybatis+ SpringMvc+springsecrity+Redis完整网站后台管理系统
01-11
基于Springboot+Mybatis+ SpringMvc+springsecrity+Redis完整网站后台管理系统,， 这个还是挺先进的，，可以学习学习
SpringMVC+Spring+Mybatis集成开发环境
04-28
SpringMVC+Spring+Mybatis集成开发环境
JavaWeb开发之Spring+SpringMVC+MyBatis+SpringSecurity+EhCache+JCaptcha 完整Web基础框架
08-31
主要介绍了JavaWeb开发之Spring+SpringMVC+MyBatis+SpringSecurity+EhCache+JCaptcha 完整Web基础框架的相关资料,需要的朋友可以参考下
Spring+mybatis整合实例应用
01-30
项目结构图(Spring3.0.2+mybatis3.0.4)应用数据库对应的实体类数据Dao接口在config目录下进行Mapper文件配置Mybatis应用配置文件MyBatis-Configuration.xmlSpring配置文件,本例中我们放在/WebRoot/WEB-INF/...
angularjs+bootstrap+SSM简单示例
12-14
这是本人作为实践开发的一个java web项目，采用当前比较热门的开发框架，包含UI框架，用户管理，分页功能，查询，模态窗口，利用angularjs实现图片上传，消息提示框等功能，可以用作web项目的框架来使用，帮助学习angularjs和bootstrap前段和SSM后台框架的程序员，只是一个示例代码
spring+shiro+redis+html后台管理系统(成品)
02-11
spring boot后台管理系统，shiro权限管理,前端html页面，有集成redis
springboot+css+js+html Demo
01-20
springboot+css+js+html 入门例子，希望能对你提供帮助。
springboot+mybatis+angularJS简单实例
04-27
因为正在用jsp,所以前台为JSP文件，可以将jsp文件转换为html,效果一样
Angularjs+Html后台模板
05-21
Themeforest上的AngularJS后台模板，很全面，支持定制
mybatis存页面html的问题,SpringBoot+Mybatis+Mysql+Html实现的页面登录案例
weixin_36155560的博客
06-03 480
前言前段时间在网上看到了很多童鞋在学习Springboot，并且想找一个简单容易的案例来上手，但是上面的博客都是各种转载或者是代码不全的。这确实让新上手的同学很是烦恼，所以自己抽了个时间写了一个简单的小案例，希望大家一起来学习。这是一篇SpringBoot+Mybatis+Mysql+Html+Echart+Layui实现的页面登录简单案例各位老鸟可以略过其中童鞋可以忽略(+Echart+Layu...
spring 引入html页面,Spring boot中的HTML页面引用javascript 和css文件详细教程
weixin_34711401的博客
06-03 2726
Spring boot项目的src/main/resources路径下有两个文件夹，分别为static 、templates，如下图：这两个文件夹的作用不同，static文件夹主要放置静态资源，包含css文件、javascript文件，以及图片等；而templates文件夹主要放置Spring boot的html页面。如果在static目录下建的html页面，那么和普通工程引入js css一样的做...
SpringBoot整合Mybatis+HTML完成一个简单的登录注册界面（附效果图和源码）
m0_55586329的博客
08-11 6605
一、效果演示 1.1、登录演示 1.2、注册演示 1.3、项目结构 二、代码实现 2.1、前端代码 简介：这里我是根据之前做的一个登录界面稍微修改了一下实现功能的，其中js没有修改，这里就不放在这里占内存了。有需要的可以点击该链接复制js来使用: https://blog.csdn.net/m0_55586329/article/details/117288625. 登录注册界面 <!DOCTYPE html > <html lang="en" xmlns:th="http://ww
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
公子不白的blog、
09-26 1941
这篇文章主要介绍了AngularJS整合Springmvc、Spring、Mybatis搭建开发环境的相关资料，为学习使用AngularJS做好基础准备，感兴趣的小伙伴们可以参考一下 最近想学习AngularJS的使用，网上搜了一圈后，折腾了半天解决bug后，成功使用AngularJS整合Springmvc、Spring、Mybatis搭建了一个开发环境。（这里Spring使用的版本是4.0.6，
springboot+mybatis+thymeleaf+html
最新发布
06-24
综上所述，SpringBoot+MyBatis+Thymeleaf+HTML可以实现一个基于MVC架构的Web应用。其中，SpringBoot提供了快速开发的功能，MyBatis实现了数据库和业务逻辑之间的交互，Thymeleaf将数据和HTML页面进行绑定，实现了...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值