期货大赛项目|九,fileinput插件的应用

引入JS和CSS bundles.Add(new ScriptBundle("~/bundles/fileinputJs").Include( "~/Content/vendors/bootstrap-fileinput-master/js/fileinput.min.js", "~/Content/vendors/bootstrap-fileinput-master/js/locales/zh.js", "~/Scripts/file…

期货大赛项目|五,表格插件datatatables在MVC中的应用

系统中都需要表格,我见过最好的表格就是Datatables了,但中文文档有限,英文能力有限,就写一些简单用法上图看效果先要了分页和排序基本用法引入js和css bundles.Add(new ScriptBundle("~/bundles/datatablesJs").Include( "~/Content/vendors/datatables.net/js/jquery.dataTables.min.js", "~/Content/vendors…

期货大赛项目|四,MVC的数据验证

上图先看下效果样式先不说,先了解下数据验证是怎么实现的一必须是强类型的视图二这些显示提示的话语,都在强类型的实体中三必须使用Html.BeginForm或者Html.AjaxBeginForm 四提交方式必须是form的submit 上代码 @model FuturesContest.ViewModel.User.UserViewModel @{ Layout = null; } <!DOCTYPE html> <html lang="en">…

期货大赛项目|八,ueditor的应用

百度开发的富文本编辑器还是很不错的,可以已经不维护了下载ueditor1_4_3_3-utf8-net放到项目中找到net文件夹下config.json 修改以下两行 "imageUrlPrefix": "/Content/vendors/ueditor1_4_3_3-utf8-net/utf8-net/net/", /* 图片访问路径前缀 */ "imagePathFormat": "upload/image/{yyyy}{mm}…

期货大赛项目|六,iCheck漂亮的复选框

废话不多说,直接上图对,还是上篇文章的图,这次我们不研究datatables,而是看这个复选框,比平常的复选框漂亮太多看看我是如何实现的吧插件叫iCheck 用法也简单引入js和css $("input[type=checkbox]").iCheck({ checkboxClass: "icheckbox_flat-green" }); 可以,这是找到了所有的checkbox 那在看看如何全选 //全选 function check_all() { var…

期货大赛项目|十,MVC对js和css的压缩

在Global.asax中添加两行代码 //默认在调试期间,不会启用js和css的压缩 //下面的语句确保了在调试期间也压缩css和js BundleTable.EnableOptimizations = true; BundleConfig.RegisterBundles(BundleTable.Bundles); 可以保证在调试中也压缩js和css代码在BundleConfig中进行js和css的压缩 using System.Web.Optimization; namespace Fut…

期货大赛项目|三,autofac简单用法

autofac是依赖注入我们以前要引入一个dal层,是这么写的 private IDal _dao = new Dal() 我们可以看得出,这样写,我们的bll层不光依赖了接口IDal,还依赖了Dal 记得老师说过,层与层直接的依赖,都依赖于接口,也就是只依赖IDal就够了,这样并不是一个最终的解决方案这里可以用抽象工厂,让工厂为我们创建出一个实现了IDal接口的类,autofac就是这样一个工厂创建FuturesContest.DAL.Container层新建一个Container类…

期货大赛项目|二,DAL详解

接口层就不重点讲述了,直接DAL层 DAL层 using System; using System.Collections.Generic; using System.Linq; using System.Linq.Expressions; using FuturesContest.IDAL; using SqlSugar; namespace FuturesContest.DAL { public class BaseDal<T>: IBaseDal<T> where T:cla…

结合bootstrap fileinput插件和Bootstrap-table表格插件，实现文件上传、预览、提交的导入Excel数据操作流程

1.bootstrap-fileinpu的简单介绍在前面的随笔,我介绍了Bootstrap-table表格插件的具体项目应用过程,本篇随笔介绍另外一个Bootstrap FieInput插件的使用,整合两者可以实现我们常规的Web数据导入操作,导入数据操作过程包括有上传文件,预览数据,选择并提交记录等一系列操作. 关于这个插件,我在早期随笔<Bootstrap文件上传插件File Input的使用>也做了一次介绍,这是一个增强的 HTML5 文件输入控件,是一个 Bootstrap 3.x…

maven项目配置findbugs插件使用git钩子控制代码的提交

maven项目配置findbugs插件对代码进行静态检测当发现代码有bug时,就不让用户commit代码到远程仓库里没有bug时才可以commit到远程仓库中 (1)新建maven项目 ,配置findbugs插件 pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schema…

***Bootstrap FileInput插件的使用经验汇总

插件下载地址: https://github.com/kartik-v/bootstrap-fileinput/ 官方DEMO查看: http://plugins.krajee.com/file-basic-usage-demo JQ上传插件汇总:http://www.jq22.com/jquery-plugins%E4%B8%8A%E4%BC%A0-1-jq 图片预览上传插件bootstrap-fileinput.js http://www.jq22.com/jquery-info15397…

Eclipse 导入项目与 svn 插件关联全过程记录

文章摘自:http://www.cnblogs.com/xmmcn/archive/2013/03/01/2938365.html 感谢博友分享! Eclipse 导入项目与 svn 插件关联全过程记录今天想整理一下相关项目的前端代码以及目录结构,故利用svn客户端(TortoiseSVN 1.7.2)从trunk上新建了一个branches,然后checkout到本地. 打开Eclipse,点击 File -> Import -> General -> Existing Projec…

Cordova app 检查更新 ----创建项目、添加插件、修改插件(一)

原文:Cordova app 检查更新 ----创建项目.添加插件.修改插件(一) 使用Cordova 进行跨平台应用程序的开发 1.创建Cordova项目 $ cordova create hello com.example.hello HelloWorld 2.添加插件 2.1切换到Plugins目录 2.2 添加一下插件 cordova plugin add cordova-plugin-device cordova plugin add cordova-plugin-file cordo…

bootstrap+fileinput插件实现可预览上传照片功能

实际项目中运用: 功能:实现上传图片,更改上传图片,移除图片的功能 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/boots…

Maven学习（九）插件介绍

我们都知道Maven本质上是一个插件框架,它的核心并不执行任何具体的构建任务,所有这些任务都交给插件来完成,例如编译源代码是由maven-compiler-plugin完成的.进一步说,每个任务对应了一个插件目标(goal),每个插件会有一个或者多个目标,例如maven-compiler-plugin的compile目标用来编译位于src/main/java/目录下的主源码,testCompile目标用来编译位于src/test/java/目录下的测试源码. 用户可以通过两种方式调用Maven插…

npm在项目目录安装插件需要使用sudo

今天使用node的npm安装插件的时候遇到一个问题,那就是在项目目录里面安装插件的时候,必须使用超级用户(sudo)执行才会安装成功,否则会报如下错误: 以安装 gulp-uglify 为例 $ npm install gulp-uglify --save-dev npm WARN locking Error: EACCES, open '/Users/zyy/.npm/_locks/gulp-uglify-dadf3a03924005c9.lock' npm WARN locking /Use…

maven项目使用jacoco插件检测代码覆盖率详细配置

使用maven构建项目(java项目或者web项目都可以) jacoco插件的配置参考官方网址:http://www.eclemma.org/jacoco/trunk/doc/maven.html (1)配置jacoco的依赖jar包 <dependency> <groupId>org.jacoco</groupId> <artifactId>jacoco-maven-plugin</artifactId> <version>0.7.…

bootstrap fileinput插件使用感悟

bootstrap fileinput 的填坑感悟这个插件在demo的网站地址http://plugins.krajee.com/file-preview-icons-demo:不得不承认这个插件很强大,作为一个文件上传插件做到了预览,而且还支持国际化,但是唯一的缺点就是api烂的到极点(应该说没有API). 即使没有API,也不能阻挡我使用的热情,即时前方再多的坑也被我一一填满.希望我这篇文章对于初学者有点帮助.废话不多说,开始填坑之旅. …

项目中jquery插件ztree使用记录

最近公司要求做一个关于后台的管理系统.在这个mvvm模式横行的年代,虽然这里用jquery做项目可能有点不符合时代的潮流,但是管他呢,能做出来先在说呗(公司以后要改用angular或者vue来统一前端的制作方式),个人觉得jquery还挺好用的.废话这里就不多叙述了.下面就先来一张完成后的图片展示一下ztree可以完成的功能. 额····这边弹出层的阴影是录制软件的问题(这边的前端插件用的是layui,想用的小伙伴可以自行百度layui,顺便一提,我这里用的版本是layui 1.0的,现在lay…