陈弟弟
陈弟弟

课程作业2-大一纯网页课程作业——垃圾分类网站设计

“垃圾分类网”项目文档

源码地址： https://download.csdn.net/download/weixin_41446786/12358553

一、 项目概述

1、 设计思路

本次网页设计主题是以宣传垃圾分类为主题，因此秉着平台需要突出宣传垃圾分类、提高垃圾分类意识的想法，网页共分6个页面，第一个是整体的一个页面“首页”，主要是后面5个页面的基体；第二个页面是“垃圾分类”页面，垃圾分类页面主要是让垃圾分类变得更清晰，将垃圾分类的知识讲解一遍；第三个界面是“垃圾宝贝”，这个页面是教如何利用垃圾制作一个工艺品，对垃圾再利用做一个向导；第四个页面是“主题活动”，本界面主要是宣传和互动；第五个界面是“最新新闻”，这个界面将提供垃圾分类的一些最新新闻；最后一个界面“关于我们”是对本平台的一个介绍以及宣讲。
2、 模块规划
（1） 首页界面
本界面作为整个平台的基体，内容比较丰富，首先第一部分是本平台的宣传语；第二部分是垃圾分类标识，这里实现一个平台界面跳转，点击标识图将跳转到“垃圾分类”界面；第三部分是最新新闻，这里的新闻是“最新新闻”界面的浓缩，点击这里的新闻能够实现对应的新闻链接跳转；接着是一个标签本，这里是设置的是一个垃圾分类常见问题，运用了文字滚动的知识；标签本下面是制造的一个小事件：垃圾分类袋制作大赛，在这里放这个目的是让页面更为丰富。
（2） 垃圾分类界面
整体分为两个部分，第一部分是进行垃圾分类知识的解读，说明清楚各类垃圾的概念，包括什么东西以及投放要求，在这一部分的文字解读上面是一个轮播图，轮播图的每一张图片具备页面内跳转的功能，能够跳转到对应的类别垃圾讲解；第二部分是一个图片框展示，这里的图片宣传的是当我们学会垃圾分类能够帮助我们净化地球的每一片土地，还地球一片净土。
（3） 垃圾宝贝界面
整体分为两个部分，第一部分是进行垃圾再利用工艺品的步骤讲解，这里点击的每一张图片会展示在第二部分的展示框里；第二部分是一个图片框展示，展示的图片是左边每个步骤点击的图片的详细大图展示。
（4） 主题活动界面
整体分为两个部分，第一部分是一个宣传短片；第二部分是一个小测试，这个小测试具备答题计算成绩的功能，你如果答完所有题目他会将成绩和正确答案展示给你。
（5） 最新新闻界面
新闻界面相对比较简单，这里主要是展示几个垃圾分类的最新新闻，当点击对应的新闻会实现相应的新闻跳转。
（6） 关于我们界面
对本平台的一个介绍以及宣讲。
3、 整体框架模块图
课程作业2-大一纯网页课程作业——垃圾分类网站设计_第1张图片

二、 关键代码介绍

1、大致框架布局
大致框架分为上下两个大框架，下面是大框架代码。



"content">"clear">


"footer">`

（1）上框架代码
上框架分了两个span，logo floatl类放了logo图和top-links floatr类放了导航栏，接着是两个div框架，header类放了导航图片，另外content-box类的div放置的是本网页的主要内容。

"content">
"logo floatl">...
"clear">


"header">"content-box">...

（2）下框架代码
下框架代码主要是下面的导航栏，和上框架的导航栏效果相似，并声明一个版权。

"footer">
    
"footer-links">
        
        
"clear">

       SISE ©; ----------- 版权所有，盗版必究.

2、首页部分界面
（1）第一个是跳转功能，网页跳转、视频网站跳转以及学校内网跳转；

"drawing-section floatr">
   
最新新闻

   "second_heading">Latest news
   "images/news1.jpg" align="left" hspace="10" 
style="width:60px;height:auto;"/>        
"news-title">"http://news.southcn.com/gd/content/2019-12/09/content_189754790.htm">广东省生活垃圾分类工作推进会召开

    
推进会在广州召开 李希马兴瑞王伟中出席.
  
"images/news2.jpg"  hspace="10" align="left" 
style="width:60px;height:50px;"/> 
   "news-title">
"https://v.qq.com/x/page/o3027tvwk2t.html">深圳智能垃圾分类，智能垃圾桶让垃圾分类更方便
   
智能垃圾分类将会带来什么新的经济变化呢？

	"images/news4.jpg"  hspace="10" align="left" 
style="width:60px;height:65px;"/> 
   "news-title">
"http://news.sise.com.cn/cms/6105.html">总务处、学生处前往广东轻工职业技术学院学习智能垃圾分类系统
   
广州大学华软软件学院顺应“环保潮流”开展垃圾分类

（2）实现文字滚动，鼠标移到的时候停止滚动，离开的时候滚动。

"up" height="190"
 οnmοuseοver="this.stop()" οnmοuseοut="this.start()">……

3、垃圾分类界面代码
（1）关于轮播图的HTML代码

    
"inner">
        
        
    "bar">
        

        
        
"arr">
             "left"><;
            "right">>;

（2）关于轮播图的JavaScript代码

4、垃圾宝贝部分代码
当点击相应的图片在对应的展示框展示对应的图片
（1）被点击的图片

"images/001.jpg" target="ifr">"images/001.jpg"/>
                         
"photo-text">步骤一：
准备好小黄人同色的毛线，然后还需要洗干净一个瓶子

（2）图片展示框

"events-section">
        
查看详细制作图片

         
"second_heading">Look Detail


			 
"detail">

5、主题活动部分代码
（1）测试题的HTML代码

分类比赛

        	
"second_heading">Cassified game

			
"testSystem">
			
"form1" name="form1" method="post" action="">
				
【单选题】每空20分

				
"problem">第一题：垃圾可以分成几类？

				
				

				
				

				
				

				
				

				"button" name="Submit" value="上一题" οnclick="showLastQuestion();"/>
				"button" name="Submit" value="下一题" οnclick="showNextQuestion();"/>
				"button" name="Submit" value="提交答案" οnclick="showResult();"/>

（1）测试题的JavaScript代码

三、 运行结果展示

1、首页界面
课程作业2-大一纯网页课程作业——垃圾分类网站设计_第2张图片

2、垃圾分类界面
课程作业2-大一纯网页课程作业——垃圾分类网站设计_第3张图片

3、垃圾宝贝界面
课程作业2-大一纯网页课程作业——垃圾分类网站设计_第4张图片
图3-3垃圾宝贝界面

4、主题活动界面
课程作业2-大一纯网页课程作业——垃圾分类网站设计_第5张图片
图3-4主题活动界面

5、最新新闻界面
课程作业2-大一纯网页课程作业——垃圾分类网站设计_第6张图片
图3-5最新新闻界面

6、关于我们界面
课程作业2-大一纯网页课程作业——垃圾分类网站设计_第7张图片
图3-6关于我们界面

四、 分析总结

本次课程设计给我最大的感受是需要对常用标签语言更好的运用，CSS的布局能力需要更加深入学习，布局能力太差；还有就是需要对JavaScript语言的一个更深入的学习。

你可能感兴趣的:(课程作业,html5,javascript,css)

  • JavaScript数组-获取数组中的元素 難釋懷 javascript开发语言前端
    在JavaScript中，数组是一种非常实用的数据结构，它允许我们将多个值存储在一个单独的变量中。无论是数字、字符串还是对象，都可以作为数组的元素。获取数组中的特定元素是操作数组的基础技能之一。本文将详细介绍如何在JavaScript中获取数组中的元素。一、通过索引访问元素基本概念数组中的每个元素都有一个对应的索引，这个索引是从0开始计数的整数。也就是说，第一个元素的索引为0，第二个元素的索引为1
  • HTML之JavaScript DOM（document）编程处理事件 录大大i 前端HTMLJavaScriptjavascripthtml前端
    HTML之JavaScriptDOM（document）编程处理事件Document/*事件：本质是行为，用户的行为或者浏览器的行为；事件发生指的是处罚js函数执行事件的三要素：事件源、事件、事件处理程序事件的绑定：1.通过元素的属性绑定on***2.通过DOM编程动态绑定注：1.一个事件可以绑定多个函数；eg：onclick="show(),show1()2.一个元素可以绑定多个事件eg：onc
  • 前端面试题 阿芯爱编程 面试前端
    以下是一些前端面试题：一、HTML/CSS部分请描述HTML的语义化标签的重要性，并列举一些常用的语义化标签。答案：重要性：对搜索引擎优化（SEO）有帮助，搜索引擎能够更好地理解页面结构，从而提高网站在搜索结果中的排名。提高代码的可读性和可维护性，使开发者更容易理解页面布局和功能逻辑。对于辅助技术（如屏幕阅读器）更友好，能够准确地向用户传达页面内容。常用语义化标签：：定义页面或区域的头部内容，通常
  • JavaScript系列（75）--代理模式专题 ᅟᅠ        ‌‍‎‏ 一进制 JavaScriptjavascript代理模式开发语言
    JavaScript代理模式专题JavaScript的Proxy提供了强大的对象代理能力，能够拦截和自定义对象的基本操作。本文将深入探讨Proxy的各种模式、应用场景和最佳实践。代理基础小知识：代理模式允许我们创建一个对象的代理，从而可以控制对这个对象的访问。JavaScript的ProxyAPI提供了13种基本操作的拦截器（trap），使我们能够自定义对象的行为。//基础代理操作consttar
  • 前端高级面试题 阿芯爱编程 面试前端
    以下是一些前端高级面试可能涉及到的内容：一、前端工程化如何构建一个适合大型团队的前端代码规范和构建流程？答案：代码规范方面：使用ESLint结合Prettier来统一JavaScript和CSS（包括预处理器如Sass或Less）的语法风格。例如，规定变量命名采用驼峰命名法，函数名要有明确含义等。对于HTML结构，制定语义化标签的使用规范，如导航栏使用标签，页脚使用标签等。确定组件化的规范，包括组
  • javascript 基础 insertAfter与insertBefore 老老老刘啊 Javascript基础
    1.parent.insertBefore(newElement,targetElement.nextSibling)他的三部分为父节点新节点目标节点他会把新节点创建在目标节点之前需要注意的是父节点并无需获取你通过目标节点.parentNode就可以获取但是js并没有提供插入在目标节点之后的方法我们可以自己写一个functioninsertAfter(newElement,targetElemen
  • javascript当中insertBefore的用法 qq_44594371 javascriptjavascriptinsertBeforeinsertBefore
    例1.3（insertBeforeIEFF.html）1111msgtest222aaaaaaaaendinsertedNodevarinsertedNode=document.getElementById("insertedNode");varaaa=document.getElementById("aaa");vartest=document.getElementById("contain")
  • Vue 实现全球国家国旗的使用，附全球国家的JSON数据 Song_Estelle vue前端vue.jsjsonjavascript
    有时在前端展示中需要用到全球国家的国旗图标，我们可以用到flag-icon-css这个插件。1.安装flag-icon-cssnpminstallflag-icon-css2.在main.js中全局引用import'flag-icon-css/css/flag-icons.css'3.在界面中使用换不同的国旗，将flag-icon-后的国家代码换掉就行，国家代码对照表iso-3166-1全球国家名
  • html5+ push-消息推送 代码简单说 html5+h5+muijs推送打包app
    push-消息推送Push模块管理推送消息功能，可以实现在线、离线的消息推送，通过plus.push可获取推送消息管理对象。方法：addEventListener:添加推送消息事件监听器clear:清空所有推送消息createMessage:创建本地消息getAllMessage:获取所有推送消息getClientInfo:获取客户端推送标识信息setAutoNotification:设置程序是否
  • vue中显示和隐藏如何做动画_Vue--过渡动画实现的三种方式 weixin_39638623 vue中显示和隐藏如何做动画
    1@charset"UTF-8";23/*!4*animate.css-http://daneden.me/animate5*Version-3.5.26*LicensedundertheMITlicense-http://opensource.org/licenses/MIT7*8*Copyright(c)2017DanielEden9*/1011.animated{12animation-du
  • vue基础七（Less） 今天晚上一定要早睡 vuevue.jscsscss3
    Less安装注释导入变量（Variables）混合（Mixins）嵌套（Nesting）运算转义（Escaping）函数（Functions）命名空间和访问符映射作用域sass,less和stylussass变量的表示变量的赋值缩进的问题if条件判断的问题都支持嵌套Less（LeanerStyleSheets的缩写）是一门向后兼容的CSS扩展语言。安装将less安装为开发依赖npmiless--s
  • 如何使用Vue3创建在线三维模型展示？ ScriptEcho 前端
    本文由ScriptEcho平台提供技术支持项目地址：传送门代码相关的技术博客代码应用场景介绍本段代码使用RoughJS库在HTML5Canvas上创建了手绘风格的图像，展示了RoughJS库的强大功能，可用于创建具有有机手绘外观的图形。代码基本功能介绍代码通过RoughJS库创建了一个火焰状的图形，包括：火焰主体：使用path()函数绘制，采用不规则的形状和粗糙的线条。火焰细节：添加了额外的pat
  • js 12 小箌 javascript前端css
    css.carousel{position:relative;width:100%;max-width:600px;margin:0auto;}.images{display:flex;overflow:hidden;}.imagesimg{width:100%;display:block;}.dots{text-align:center;position:absolute;bottom:10px
  • JS(70-89) 小箌 javascript开发语言学习
    01_内置对象-Math介绍：Math对象是JavaScript提供的一个“数学”对象作用：提供了一系列做数学运算的方法Math对象包含的方法有：random：生成0-1之间的随机数（包含0不包括1）ceil：向上取整floor：向下取整max：找最大数min：找最小数pow：幂运算abs：绝对值生成任意范围随机数介绍：Math.random()随机数函数，返回一个0-1之间，并且包括0不包括1的
  • JS(1-69) 小箌 javascript开发语言学习
    01_JS介绍1.1JS是什么1.JavaScript（是什么？)是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。2.作用（做什么？)网页特效（监听用户的一些行为让网页作出对应的反馈)表单验证（针对表单数据的合法性进行判断）数据交互（获取后台的数据，渲染到前端服务端编程（node.js)3.JavaScript的组成（有什么？)ECMAScript:规定了js基础语法核心知识。口比如：变
  • antd+React.js实现登陆页面，登陆注册页面 变向加后撤 react.js前端前端框架
    今天制作登陆界面，本来想找开原的代码复制粘贴，但奈何网友们是在太过吝啬。找了半天，不如我来做这个开源。代码如下（登陆界面层级都比较分明，故不再做过多解释）importstylesfrom'./login.module.scss';import{Button,Checkbox,Form,Input,Tabs}from'antd';import{UserOutlined,MedicineBoxOutl
  • CSS实现自上层放大动画 吉吉安 css前端CSS动画动画
    CSS实现上层放大动画所有的css动画代码可在css动画网站直接复制代码；以下为上述演示动画代码：.scale-up-top{animation:scale-up-top0.4scubic-bezier(0.390,0.575,0.565,1.000);}@keyframesscale-up-top{0%{transform:scale(0.5);transform-origin:50%0%;}1
  • Trae 项目常见问题解决方案 强和毓Hadley
    Trae项目常见问题解决方案trae:postbox:MinimalisticFetchbasedHTTPclient项目地址:https://gitcode.com/gh_mirrors/tr/trae项目基础介绍Trae是一个基于FetchAPI的极简HTTP客户端，旨在提供一个简单、轻量级的HTTP请求工具。该项目的主要编程语言是TypeScript和JavaScript。Trae的设计理念
  • 基于Java毕业设计学术会议论文稿件管理系统源码+系统+mysql+lw文档+部署软件 练练科技 java课程设计mysql
    基于Java毕业设计学术会议论文稿件管理系统源码+系统+mysql+lw文档+部署软件基于Java毕业设计学术会议论文稿件管理系统源码+系统+mysql+lw文档+部署软件本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7
  • java计算机毕业设计web实验室课表管理系统源码+mysql数据库+系统+lw文档+部署 花样1999 mysql数据库java
    java计算机毕业设计web实验室课表管理系统源码+mysql数据库+系统+lw文档+部署java计算机毕业设计web实验室课表管理系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQ
  • java计算机毕业设计运动会管理系统源码+mysql数据库+系统+lw文档+部署 沪港 mysqljava数据库
    java计算机毕业设计运动会管理系统源码+mysql数据库+系统+lw文档+部署java计算机毕业设计运动会管理系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
  • 【app逆向】Frida-rpc 的常用python脚本 小宇python app逆向rpcjavascriptpython
    1.1Frida-rpc常用脚本在执行frida-rpc时，会涉及到先关参数类型的处理和转换，例如：python程序调用时，传入参数？frida的JavaScript脚本如何获取参数？JavaScript的参数如何转换到Java中所需的类型？1.1.1python传参在python中给frida的JavaScript脚本传入参数时，一般有如下几种情况：字符串/整型/浮点型等直接传递。importf
  • N年CSS开发总结的20条CSS开发技巧，适合高手新手小白！！ YOLO大师 csshtmlhtml5
    文章目录经过一晚上的努力，我写下了这篇文章，总结了我这几年在CSS开发中的想法。CSS的全称是CascadingStyleSheets，这意味这CSS是级联的样式表。你可以通过看看这个关于CSS级联的精彩网站（有测验！）来了解更多的技巧。现在大量的通过游戏来学习CSS的网站已经开始火爆，flex布局：https://flexboxfroggy.com/Grid布局：https://cssgridg
  • HTML CSS整理笔记（建议收藏） 程序员的生活1 jsweb前端html+csscssjavascripthtmlcss3
    点击链接后退页面：回到上一个网页——修改placeholder提示的样式：打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）1.除IE外通用写法类名或标签名::placeholder{color:red;}2.加兼容前缀写法css超出一行显示省略号：给定宽度(width:100px)、超出隐藏（overflow:hidden）、强制在同一行显示（white-
  • 一些我不知道的HTML前端基础知识笔记 han1140521792 学习资料HTML5CSSJavaScript
    点击链接后退页面：回到上一个网页——修改placeholder提示的样式：1.除IE外通用写法类名或标签名::placeholder{color:red;}2.加兼容前缀写法css超出一行显示省略号：给定宽度(width:100px)、超出隐藏（overflow:hidden）、强制在同一行显示（white-space:nowrap）、省略号（text-overflow:ellipsis）——常见
  • 第三章：组件开发实战 - 第五节 - Tailwind CSS 响应式导航栏实现 qianmoQ TailwindCSS：现代化开发实战指南css前端
    导航栏是几乎所有网站都必备的组件，一个好的响应式导航栏需要在不同设备上都能提供出色的用户体验。本节将介绍如何使用TailwindCSS实现功能完善的响应式导航栏。基础导航栏结构桌面端导航<divclass
  • 了解Javascript中的异步等待 Brook_ JavaScriptjavascript异步
    在本文中，我们将探讨async/await对于每个Javascript开发人员来说，异步编程的首选工具。如果您不熟悉javascript，请不要担心，本文将帮助您async/await从头开始理解。介绍async/await是javascript中的一种模式，可使您的代码以同步方式执行，但又不影响javascript的异步行为。定义异步功能要定义一个异步函数，您所要做的只是在函数定义之前添加一个a
  • 玩转网页交互：用JavaScript打造灵动手风琴特效 skyksksksksks 综合个人杂记javascript交互jqueryhtml5css前端
    一、手风琴特效：网页中的魔法折叠术想象一下你在音乐厅看到的手风琴演奏——轻轻一拉，风箱便如波浪般起伏展开。在网页世界中，手风琴特效正是这种优雅互动的数字化身！当用户点击某个标题时，对应的内容就像被施了魔法般缓缓展开，其他内容则默契地折叠收起。这种设计不仅节省空间，更能让用户像探索藏宝图一样，逐步揭开内容的奥秘。在电商网站的商品详情页，在知识平台的问答专区，甚至在个人作品集网站，手风琴特效都扮演着重
  • 解释一下this在异步函数中的行为 祈澈菇凉 前端javascript开发语言
    在JavaScript中，this关键字在异步函数中的行为可能会让人感到困惑。异步函数的执行方式与普通函数不同，这会影响this的指向。下面将详细阐述this在异步函数中的行为，以及如何正确管理this。一、this的基本行为回顾在JavaScript中，this的指向取决于函数的调用方式：全局上下文：在全局作用域中，this指向全局对象（在浏览器中是window）。对象方法：当函数作为对象的方法
  • es6箭头函数和普通函数的区别 vvilkim es6前端ecmascript
    在JavaScript中，函数是执行特定任务的代码块。函数可以被定义并且随后被调用。JavaScript中有两种主要的函数定义方式：普通函数声明和箭头函数表达式。下面是这两种函数的定义方式及其区别和使用场景：普通函数声明普通函数可以通过函数声明或函数表达式的方式来定义。函数声明是最简单的方式，通常如下所示：function函数名(参数1,参数2,...){//函数体}示例：functiongree
  • Java序列化进阶篇 g21121 java序列化
            1.transient         类一旦实现了Serializable 接口即被声明为可序列化，然而某些情况下并不是所有的属性都需要序列化，想要人为的去阻止这些属性被序列化，就需要用到transient 关键字。
  • escape()、encodeURI()、encodeURIComponent()区别详解 aigo JavaScriptWeb
    原文：http://blog.sina.com.cn/s/blog_4586764e0101khi0.html   JavaScript中有三个可以对字符串编码的函数，分别是： escape,encodeURI,encodeURIComponent，相应3个解码函数：,decodeURI,decodeURIComponent 。 下面简单介绍一下它们的区别 1 escape()函
  • ArcgisEngine实现对地图的放大、缩小和平移 Cb123456 添加矢量数据对地图的放大、缩小和平移Engine
    ArcgisEngine实现对地图的放大、缩小和平移:  个人觉得是平移，不过网上的都是漫游，通俗的说就是把一个地图对象从一边拉到另一边而已。就看人说话吧.  具体实现: 一、引入命名空间    using ESRI.ArcGIS.Geometry;    using ESRI.ArcGIS.Controls; 二、代码实现.
  • Java集合框架概述 天子之骄 Java集合框架概述
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • 旗正4.0页面跳转传值问题 何必如此 javajsp
    跳转和成功提示 a)        成功字段非空forward 成功字段非空forward，不会弹出成功字段，为jsp转发，页面能超链接传值,传输变量时需要拼接。接拼接方式list.jsp?test="+strweightUnit+"或list.jsp?test="+weightUnit+&qu
  • 全网唯一:移动互联网服务器端开发课程 cocos2d-x小菜 web开发移动开发移动端开发移动互联程序员
        移动互联网时代来了！     App市场爆发式增长为Web开发程序员带来新一轮机遇，近两年新增创业者，几乎全部选择了移动互联网项目！传统互联网企业中超过98%的门户网站已经或者正在从单一的网站入口转向PC、手机、Pad、智能电视等多端全平台兼容体系。据统计，AppStore中超过85%的App项目都选择了PHP作为后端程
  • Log4J通用配置|注意问题 笔记 7454103 DAOapachetomcatlog4jWeb
    关于日志的等级 那些去 百度就知道了！ 这几天 要搭个新框架  配置了 日志 记下来 ！做个备忘！ #这里定义能显示到的最低级别,若定义到INFO级别,则看不到DEBUG级别的信息了~! log4j.rootLogger=INFO,allLog # DAO层 log记录到dao.log 控制台 和 总日志文件 log4j.logger.DAO=INFO,dao,C
  • SQLServer TCP/IP 连接失败问题 ---SQL Server Configuration Manager darkranger sqlcwindowsSQL ServerXP
    当你安装完之后,连接数据库的时候可能会发现你的TCP/IP 没有启动.. 发现需要启动客户端协议 : TCP/IP  需要打开 SQL Server Configuration Manager... 却发现无法打开 SQL Server Configuration Manager..?? 解决方法:  C:\WINDOWS\system32目录搜索framedyn.
  • [置顶] 做有中国特色的程序员 aijuans 程序员
    从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有些技术书读得可
  • document.domain 跨域问题 avords document
    document.domain用来得到当前网页的域名。比如在地址栏里输入：javascript:alert(document.domain); //www.315ta.com我们也可以给document.domain属性赋值，不过是有限制的，你只能赋成当前的域名或者基础域名。比如：javascript:alert(document.domain = "315ta.com");
  • 关于管理软件的一些思考 houxinyou 管理
    工作好多看年了,一直在做管理软件,不知道是我最开始做的时候产生了一些惯性的思维,还是现在接触的管理软件水平有所下降.换过好多年公司,越来越感觉现在的管理软件做的越来越乱. 在我看来,管理软件不论是以前的结构化编程,还是现在的面向对象编程,不管是CS模式,还是BS模式.模块的划分是很重要的.当然,模块的划分有很多种方式.我只是以我自己的划分方式来说一下. 做为管理软件,就像现在讲究MVC这
  • NoSQL数据库之Redis数据库管理(String类型和hash类型) bijian1013 redis数据库NoSQL
    一.Redis的数据类型 1.String类型及操作         String是最简单的类型，一个key对应一个value，string类型是二进制安全的。Redis的string可以包含任何数据，比如jpg图片或者序列化的对象。         Set方法：设置key对应的值为string类型的value
  • Tomcat 一些技巧 征客丶 javatomcatdos
    以下操作都是在windows 环境下 一、Tomcat 启动时配置 JAVA_HOME 在 tomcat 安装目录，bin 文件夹下的 catalina.bat 或 setclasspath.bat 中添加 set JAVA_HOME=JAVA 安装目录 set JRE_HOME=JAVA 安装目录/jre 即可； 二、查看Tomcat 版本 在 tomcat 安装目
  • 【Spark七十二】Spark的日志配置 bit1129 spark
    在测试Spark Streaming时，大量的日志显示到控制台，影响了Spark Streaming程序代码的输出结果的查看(代码中通过println将输出打印到控制台上)，可以通过修改Spark的日志配置的方式，不让Spark Streaming把它的日志显示在console   在Spark的conf目录下，把log4j.properties.template修改为log4j.p
  • Haskell版冒泡排序 bookjovi 冒泡排序haskell
    面试的时候问的比较多的算法题要么是binary search，要么是冒泡排序，真的不想用写C写冒泡排序了，贴上个Haskell版的，思维简单，代码简单，下次谁要是再要我用C写冒泡排序，直接上个haskell版的，让他自己去理解吧。     sort [] = [] sort [x] = [x] sort (x:x1:xs) | x>x1 = x1:so
  • java 路径 配置文件读取 bro_feng java
    这几天做一个项目，关于路径做如下笔记，有需要供参考。 取工程内的文件，一般都要用相对路径，这个自然不用多说。 在src统计目录建配置文件目录res,在res中放入配置文件。 读取文件使用方式： 1. MyTest.class.getResourceAsStream("/res/xx.properties") 2. properties.load(MyTest.
  • 读《研磨设计模式》-代码笔记-简单工厂模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 个人理解：简单工厂模式就是IOC; * 客户端要用到某一对象，本来是由客户创建的，现在改成由工厂创建，客户直接取就好了 */ interface IProduct {
  • SVN与JIRA的关联 chenyu19891124 SVN
    SVN与JIRA的关联一直都没能装成功，今天凝聚心思花了一天时间整合好了。下面是自己整理的步骤： 一、搭建好SVN环境，尤其是要把SVN的服务注册成系统服务 二、装好JIRA，自己用是jira-4.3.4破解版 三、下载SVN与JIRA的插件并解压，然后拷贝插件包下lib包里的三个jar，放到Atlassian\JIRA 4.3.4\atlassian-jira\WEB-INF\lib下，再
  • JWFDv0.96 最新设计思路 comsci 数据结构算法工作企业应用公告
                       随着工作流技术的发展，工作流产品的应用范围也不断的在扩展，开始进入了像金融行业(我已经看到国有四大商业银行的工作流产品招标公告了)，实时生产控制和其它比较重要的工程领域，而
  • vi 保存复制内容格式粘贴 daizj vi粘贴复制保存原格式不变形
        vi是linux中非常好用的文本编辑工具，功能强大无比，但对于复制带有缩进格式的内容时，粘贴的时候内容错位很严重，不会按照复制时的格式排版，vi能不能在粘贴时，按复制进的格式进行粘贴呢？ 答案是肯定的，vi有一个很强大的命令可以实现此功能 。     在命令模式输入:set paste，则进入paste模式，这样再进行粘贴时
  • shell脚本运行时报错误：/bin/bash^M: bad interpreter 的解决办法 dongwei_6688 shell脚本
    出现原因：windows上写的脚本，直接拷贝到linux系统上运行由于格式不兼容导致 解决办法： 1. 比如文件名为myshell.sh，vim myshell.sh 2. 执行vim中的命令 : set ff?查看文件格式，如果显示fileformat=dos，证明文件格式有问题 3. 执行vim中的命令 :set fileformat=unix 将文件格式改过来就可以了，然后:w
  • 高一上学期难记忆单词 dcj3sjt126com wordenglish
    honest 诚实的；正直的 argue 争论 classical 古典的 hammer 锤子 share  分享；共有 sorrow 悲哀；悲痛 adventure 冒险 error 错误；差错 closet 壁橱；储藏室 pronounce 发音；宣告 repeat 重做；重复 majority 大多数；大半   native 本国的，本地的，本国
  • hibernate查询返回DTO对象，DTO封装了多个pojo对象的属性 frankco POJOhibernate查询DTO
          DTO-数据传输对象；pojo-最纯粹的java对象与数据库中的表一一对应。       简单讲：DTO起到业务数据的传递作用，pojo则与持久层数据库打交道。         有时候我们需要查询返回DTO对象，因为DTO
  • Partition List hcx2013 partition
    Given a linked list and a value x, partition it such that all nodes less than x come before nodes greater than or equal to x. You should preserve the original relative order of th
  • Spring MVC测试框架详解——客户端测试 jinnianshilongnian
    上一篇《Spring MVC测试框架详解——服务端测试》已经介绍了服务端测试，接下来再看看如果测试Rest客户端，对于客户端测试以前经常使用的方法是启动一个内嵌的jetty/tomcat容器，然后发送真实的请求到相应的控制器；这种方式的缺点就是速度慢；自Spring 3.2开始提供了对RestTemplate的模拟服务器测试方式，也就是说使用RestTemplate测试时无须启动服务器，而是模拟一
  • 关于推荐个人观点 liyonghui160com 推荐系统关于推荐个人观点
        回想起来，我也做推荐了3年多了，最近公司做了调整招聘了很多算法工程师，以为需要多么高大上的算法才能搭建起来的，从实践中走过来，我只想说【不是这样的】     第一次接触推荐系统是在四年前入职的时候，那时候，机器学习和大数据都是没有的概念，什么大数据处理开源软件根本不存在，我们用多台计算机web程序记录用户行为，用.net的w
  • 不间断旋转的动画 pangyulei 动画
    CABasicAnimation* rotationAnimation; rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; rotationAnimation.toValue = [NSNumber numberWithFloat: M
  • 自定义annotation sha1064616837 javaenumannotationreflect
    对象有的属性在页面上可编辑，有的属性在页面只可读，以前都是我们在页面上写死的，时间一久有时候会混乱，此处通过自定义annotation在类属性中定义。越来越发现Java的Annotation真心很强大，可以帮我们省去很多代码，让代码看上去简洁。 下面这个例子 主要用到了 1.自定义annotation：@interface，以及几个配合着自定义注解使用的几个注解 2.简单的反射 3.枚举
  • Spring 源码 up2pu spring
    1.Spring源代码 https://github.com/SpringSource/spring-framework/branches/3.2.x 注：兼容svn检出 2.运行脚本 import-into-eclipse.bat 注：需要设置JAVA_HOME为jdk 1.7 build.gradle compileJava { sourceCompatibilit
  • 利用word分词来计算文本相似度 yangshangchuan wordword分词文本相似度余弦相似度简单共有词
    word分词提供了多种文本相似度计算方式： 方式一：余弦相似度，通过计算两个向量的夹角余弦值来评估他们的相似度 实现类：org.apdplat.word.analysis.CosineTextSimilarity 用法如下： String text1 = "我爱购物"; String text2 = "我爱读书"; String text3 =
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他