精华内容
下载资源
问答
  • 在页面要显示嵌入的html的地方加入两个div,div为嵌套的关系,在内部的div中加一个iframe,在iframe嵌入一个已生成好的html,并让html填充慢iframe  设计如下: #content { overflow-y: auto; overflow...

              在页面要显示嵌入的html的地方加入两个div层,div层为嵌套的关系,在内部的div中加一个iframe,在iframe中嵌入一个已生成好的html,并让html填充慢iframe

           设计如下:

    #content {
                overflow-y: auto;
                overflow-x: hidden;
                border: 1px solid #ccc;
                height:600px;
            }
    
     #content, #contents {
           width: 80%;
           margin-left: auto;
            margin-right: auto;
    }
    <div id="content">
        <div id="contents" >
          <iframe id="myFrame" name="_blank" frameborder="0"  scrolling="no" οnlοad=" SetWinHeight(this)" src="嵌入的html的相对地址">
          </iframe>
         </div>
    </div>
    

    function SetWinHeight(obj) {
                if (document.getElementById) {
                    if (obj && !window.opera) {
                        if (obj.contentDocument && obj.contentDocument.body.offsetHeight)
                            obj.height = obj.contentDocument.body.offsetHeight;
                        else if (obj.Document && obj.Document.body.scrollHeight)
                            obj.height = obj.Document.body.scrollHeight;
                    }
                }
            }
    

           效果如下:


    注:
    οnlοad="this.height=myFrame.document.body.scrollHeight"

    这样写在IE下是可以的,但是在FF和Google下是不可以正常显示的; Iframe在跨域时也是不能正常显示的。如下图:




    展开全文
  • hibernate中 如果要输出一个Entity中没有的属性 可以这个Entity中加入这个属性 然后 get(),set() 然后get()上加 @Transient 表示 此属性不参与持久框架
    在hibernate中
    

    如果要输出一个Entity中没有的属性

    可以在这个Entity中加入这个属性

    然后 get(),set()
    然后在get()上加  @Transient

    表示 此属性不参与持久层框架
    展开全文
  • 移动端的开发用户与App发生交互的时候需要给用户即时的反馈,移动端不同于网页,一个页面可展示的内容有限,这时候需要一个点击的弹出来提示用户操作的结果,比如加入购物车、收藏、发送成功等 你需要先创


    在移动端的开发中用户在与App发生交互的时候需要给用户即时的反馈,移动端不同于网页,一个页面可展示的内容有限,这时候需要一个点击的弹出层来提示用户操作的结果,比如加入购物车、收藏、发送成功等

    你需要先创建一个Vue项目,创建好相应的文件夹, 这里将我的文件夹贴过来

    src
    ├── ...
    ├── main.js
    ├── App.vue
    ├── components
        ├── common  //多个项目中用到的公共的组件
            ├── toast  //土司弹出插件
              ├── index.js  //入口
              └── Toast.vue  //弹出的组件
        ├── centent  //本项目中用到的公共的组件
    

    首先要准备一个弹出层,要先实现弹出功能你要先有一个弹出层才行

    - src/components/common/toast/Toast.vue
    
    • 我们到时候是希望使用this.$toast.show(msg, time)这种方法来实现弹出的,所以我在这个组件中加入了一个 show 方法,这样在this.$toast里面就能拿到这个方法进而调用
    <template>
      <div class="toast" v-show="isShow">
        <div class="toast-content">
          {{message}}
        </div>
      </div>
    </template>
    
    <script>
    export default {
      name: 'Toast',
      data() {
        return {
          isShow: false,
          message: ''
        }
      },
      methods: {
      	//这里我设置了默认时间
        show(msg='弹窗默认内容', duration=1500) {
          //默认弹出层是不显示的当调用了该方法让弹出层显示内容是调用时传进来的内容
          this.isShow = true
          this.message  = msg
    
          setTimeout(() => {
            this.isShow = false
            this.message = ''
          }, duration)
        }
      }
    }
    </script>
    
    <style scoped>
      .toast{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 10px 15px;
        border-radius: 5px;
        background-color: rgba(0, 0, 0, .5);
        z-index: 100;
      }
      .toast-content{
        color: #fff;
      }
    </style>
    

    在Toast入口文件中定义一个对象,并将这个对象导出

    - src/components/common/toast/index.js
    
    const popup = {}
    
    export default popup
    

    在main.js文件中导入安装这个插件

    - src/main.js
    
    • 先引入导出的对象,再使用Vue.use()方法安装插件,一旦你use了它就会去执行这个对象的install方法,这个是封装插件的核心
    import Vue from 'vue'
    import App from './App.vue'
    
    import toast from 'components/common/toast'
    /**
     * 安装自定义插件
     */
    Vue.use(toast)
    
    Vue.config.productionTip = false
    
    new Vue({
      render: h => h(App),
    }).$mount('#app')
    

    回到Toast的入口文件中

    • 上边说到了一旦Vue.use()就会去执行它里面的install方法,我们利用这一点手写一个install方法,在渲染到页面的时候就会去自动调用我们写的install方法,这样在页面渲染完成以后body中就会有我们写的弹出层,Vue的原型上也会有一个$toast.show()的方法,我们就能在需要的时候调用它
    import Toast from './Toast'
    
    const popup = {}
    
    obj.install = function(Vue) {
      //如果我们直接这样写是不行的 因为Toast.vue 中只是导出了一个对象
      //这样写只是把导出的对象挂载到Vue的原型上 有方法没有组件是无法弹出的
      //我们需要先把组件的内容挂载到页面中去到时候调用方法才能弹出
      Vue.prototype.$toast = Toast
    }
    
    export default popup
    
    import Toast from './Toast'
    
    const popup = {}
    
    obj.install = function(Vue) {  //Vue是默认传进来的参数
      // 1. 用 Vue.extend() 方法创建一个构造器
      const toastConstructor = Vue.extend(Toast)
    
      // 2. 通过构造器创建一个组件
      const toast = new toastConstructor()
    
      // 3. 手动的将这个组件挂载到一个元素上 比如 div
      toast.$mount(document.createElement('div'))
    
      // 4. 这个时候 toast.$el 就指向了挂载的哪个 div 就能拿到组件 Toast 里面的模板了
      //    这里因为导入的 Toast 只是哪个对象 并没有模板 要将模板手动加到 body 上才能起作用
      document.body.appendChild(toast.$el)
    
      // 5. 在 Vue 的原型上添加一个 $toast 方法 每个而组件都能访问的到
      Vue.prototype.$toast = toast
    
    }
    
    export default popup
    

    这个时候封装就完成了,现在就可以使用这个插件了

    <template>
    	<div>
    		<button @click="popup">点击弹出内容</button>
    	</div>
    </template>
    <script>
    	export default {
    	  methods: {
    	    popup() {
    	      this.$toast.show('成功')  //因为设置了默认时间可以不用传(1.5秒)
    	    }
    	  }
    	}
    </script>
    
    • 在各个组件中都可以通过this.$toast.show('成功')这种方法来使用
    展开全文
  • 这里写自定义目录标题小程序商品数据对象累加加入购物车缓存导致的数组嵌套在上一数组(新手遇到的问题)到这里就可以了,如果你想购物车页面获取商品列表,直接购物车项目,向上述的获取缓存一样,设立...

    小程序商品数据对象累加加入购物车缓存导致的数组嵌套在上一层数组中(新手遇到的问题)

    新手刚开始在写微信小程序时,当没有购物车接口时,我们会用缓存来代替一下,当然新手可能会遇到上述问题

    1、先来模拟一下点击加入购物车的

    	buyNow(){   //点击加入购物车事件
    		let good =[this.data.detail] //这里先获取商品详情页的商品数据 detail 
    		try{     //获取缓存
    			var value =wx.getStorageSync('goods') //这里的goods是储存商品数据的key,我是直接在打开微信小程序时,在app.js里直接存储个空的key值
    			//先来个判断
    			if(!value){ //这里先判断刚开始加入购物车时,缓存是没有值的情况下,我们可以直接添加就可以了
    				wx.setStorage({
    					data:JSON.stringify(good), //这里就是转换成字符串之后的商品详情
    					key:'goods' //key值
    				})
    			}else{ //这里就是多次添加购物车时操作的方法,在这里可能就会出现数组多重嵌套导致的问题
    				let getgood =JSON.parse(value) //这里就是先获取缓存中的商品,也就只之前加入购物车中的,
    					getgood.push(this.data.detail) //这里就是添加到上面的这已经有之前商品的数组中,如果想要把最新的放在前面,用unshift也是可以的
    					wx.setStorage({ //这里就是存储到缓存
    						data:JSON.stringify(getgood),
    						key:'goods'
    						})
    				
    				}
    		 	}catch(e){
    		 		console.log(e)
    		 		}
    			}
    				
    		
    

    到这里就可以了,如果你想在购物车页面获取商品列表,直接在购物车项目中,向上述的获取缓存一样,设立一个函数就可以了,注意的是不要把他放到onLoad 里,只是刚开始只调用一次,如果再次添加购物车是会无法获取新的缓存,建议放在onShow事件函数里

    展开全文
  • SpringBoot项目中加入jsp页面

    千次阅读 2018-07-13 13:49:00
    特别强调:启动类和所有的controller service mapper等包必须位于同一个主包下(同一个包中),而且启动类最外面,否则这些都扫不到,不报错,但是无法实现我们的功能,要非常注意 根据我们之前搭建好的SpringBoot+SSm的...
  • 关于bootstrap中多层模态框关闭之后主页面的滚动卡死 解决: 解决方法很简单,如果想要子modal关闭后,父modal可以正常滚动,只需要子modal的窗口关闭事件...这样还有一个问题就是页面重新加载,页面中的数据会...
  • 用greybox遮罩的时候,遮罩层中放入一个页面,当点提交页面的时候,窗口依然停留遮罩层中,经过百度谷歌,解决办法如下:     提交页面加入一段js代码:      ...
  • 最终效果:利用纯粹的html、css实现静态网页弹出,...一:先使用一个图片来作为页面: html: css: .main img{ object-fit: cover; width: 100%; } object-fit一般视频、图片使用,表示其适应方式 它有三...
  • 最近项目要发布ios版本,因为没有苹果手机...刚刚发现一个可行的方案:app.js中加入用:$ionicConfigProvider.views.swipeBackEnabled(false);配置即可。 具体这个问题的原因是什么还没发现,。。。。。 http://www1.
  • 思路:从关键字输入页面(简称:页面1)通过form把关键字传入搜索数据显示页面(简称:页面2),在页面2的onload时执行一个javascript用于使页面2中的关键字变色。好处:这种做法不涉及到业务...2、在页面2中加入以下
  • 今天突然想改一下自己写的项目登录页面的样式,于是行动,在加入记住我按钮后,发现input输入框没有居中显示,于是把input 和其他的一些标签整合到一个div层中,但是整个div的样式要居中显示,于是乎找到一些修改...
  • 今天突然想改一下自己写的项目登录页面的样式,于是行动,在加入记住我按钮后,发现input输入框没有居中显示,于是把input 和其他的一些标签整合到一个div层中,但是整个div的样式要居中显示,于是乎找到一些修改...
  • 项目名称:精心编写的代码 链接 我们的演示视频 团队成员 陈ac 杰登·阿奎拉达(Jayden Arquelada) 陈瑞奇 ...他们还可以在页面上过滤特定学生。教师可以将用户添加到其他课程。以讲师身份登录后,您
  • 页面加载

    2010-09-10 17:44:00
    本方法利用的是javascript,先网页面里面写入一个层,显示加载框,然后等页面结束后 body的onload写入事件,隐藏该对话框 方法(我的系统是多个页面,所以写了一个公用的类common.cs): 类里面加入如下...
  • 最终效果:利用纯粹的html、css实现静态网页弹出,并弹出中实现登录功能利用html、css实现网页弹出(是静态的),我弹出层中加入了form表单实现了登录功能一:先使用一个图片来作为页面:...
  • 当客户端发送的一个请求网络的某个地方停滞的时候,服务器端并不会感知到,延迟到一定时间就会发生超时现象,客户端通常会断开连接。而这时候停滞在途中的某个请求,又发送服务器了࿰...
  • 从iframe关闭父窗口

    千次阅读 2011-05-11 21:48:00
    <br />大概流程如下: <br />在页面打开添加推荐时,弹出iframe(由本页面的一个层包裹),在iframe页面选中要推荐的信息时,点击加入推荐按钮后,关闭iframe页面。这里由于之前没有接触过,有些纠结。问...
  • 前言使用微信打开别人分享的链接或二维码时经常不能直接直接跳转到目标页面也不能直接下载,而是需要点击右上方竖着的"三点"图标,弹出的菜单选择浏览器打开,如图所示:引导用户打开链接或扫码下载apk时...
  • 本方法利用的是javascript,先网页面里面写入一个层,显示加载框,然后等页面结束后body的onload写入事件,隐藏该对话框方法(我的系统是多个页面,所以写了一个公用的类common.cs):类里面加入如下函数(也...
  • 网页加载过程提示...先说最简单的第一种,原理就是,在网页载入时在页面最中间打入一个层上面显示,"网页正在载入...."当网页下载完毕,,用JS关闭这个层......。 先在首页HTML最上面...任意位置都行..加入 <...
  • 原理就是,在网页载入时在页面最中间打入一个层上面显示,"网页正在载入...."当网页下载完毕,,用JS关闭这个层......。 先在首页HTML最上面...任意位置都行..加入 &lt;div id=loading style="...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 576
精华内容 230
热门标签
关键字:

在页面中加入一个层