neicole
neicole

07_班级静态网页设计(小钱版)[Web开发][2012-11-20]

班级静态网站设计


1.概述
        本次静态网站设计类型为班级网站，题目为“2010级计算机科学与技术1班”，其整体设计以绿色为主调颜色，更以蓝天、白云、树叶以衬托出“和谐”与“宁静”的主题，再以翻开的书本样式作为背景图，构造出10计1班在一个幽静的环境中翻阅着这本回忆录的意境。另外，此网站导航栏设“主页”、“动态”、“风采”、“学习”、“交流”、“资源”、“联系”共7项，在构造意境的同时不忘其实用性。
        静态网页源文件共计占用磁盘空间12MB，主要使用Dreamweaver和Photoshop工具制作。已实现网页有四个，其中首页占一页，动态、风采、资源的子页面各占一页。
        静态网页课程设计由本人从2012.11.16至2012.11.20共耗时五天独立完成。

 

2.详细设计

2.1网站结构说明
        网站从内容上划分可分为六个模块，分别是“动态”、“风采”、“学习”、“交流”、“资源”、“联系”，而网站会再对每个模块进行细化划分，具体划分方法可见图1。


 图1 网站内容结构图


        本次内容模块主要从实用性出发，力图将班级各方面的内容从网页中展示出来，方便班级中的每一个成员浏览，方便以最快的速度从网站中获取所需的内容。
        我们从“动态”模块中获得班级的最新资讯，包括活动通知、教务通知及其它的通知，也可以查看网站的最新动态，包括班级微博所显示的内容，同学们的语录，及网站的留言。从“风采”模块中查看校、院、班级曾举办或正在举办的活动，可以查看我们班中的每一个成员，或者是小组，甚至是整个班级的荣誉。从“学习”模块中，可以关注到班级专业发展的各种学科的资讯，还有现在上课或课程设计时的学科任务通知，还可以在本模块中的“作业讨论”分支与大家讨论各学习上的知识。从“交流”模块中，我们可以讨论就业、娱乐和情感等方面的内容，形成一个良好的互动的气氛。我们还可以方便地从“资源”模块中获取到在班级成长过程中的竞赛、娱乐、学科、会议、活动等资源。最后，本网站还提供“联系”模块，我们可以以最快的方式获得与各干部、同学、老师的联系方式。

 

2.2首页设计说明（index.html）

（1）首页的设计效果：


图2  首页设计效果图


        网页的意境及实用性已在说明书前面部分提及到，这里就不再重复了，现从网页的布局方式观察，如图2所示，首页由四大模块组成，第一模块，左上角的LOGO，作为一个网页，一个班级的标志，凝聚了我们班的一切的“CST”样式标志。第二模块，右上的导航栏，也称菜单栏，让浏览者可以方便地链接到网页各块的内容。第三模块，相当于一个便民服务的模块，其中由首页的登陆框，班级公告及近期班级里面需要做的任务几个小模块组成。第四模块，首页主内容，首先是一副以班级成员组成的图片放在模块顶部，象征着班级的团结，从另一种角度去想也是可以作为对班级的宣传，然后模块中心是班级动态，班级活动两块内容，是前面所提及到的网站内容结构中的模块分支，在这里可以进行超链接，方便到关注网页的核心内容，模块的底部则也是以图片为主要内容，从图片样式中可以展示出我们班的和谐。


（2）首页的关键设计说明：
1、  网页布局


图3  网页布局设计图


        显然，本网页可由多个分块明显的div块拼合嵌套而成，首先，在div的设计上，因为需要使主页核心模块偏左显示，所以先使用了whole_div作为总框架，并将其position属性设为relative，再将main_div嵌套至whole_div中，然后将其position属性设为relative，将margin-left属性设为0，即使左外边距为0而实现模块左偏功能。
       至于main_div中的top_div及center_div则是兄弟模块，同是将position属性设为relative，固定宽度，再将float属性设为left，实现了模块上下排版的样式，同时，两兄弟模块的间距可通过margin属性进行调整。而在top_div中的logo_div和menu_div，center_div模块中的center_left_div和cneter_right_div几个模块的布局也使用了同样的思想，这里也不再累述了。


2、叶子的装饰：
       由首页效果图可见，叶子（图片）会出现在导航栏的附近，这是使用了position属性的absolute值，将这些叶子绝对定位，而这些叶子（图片）的属性的父标签是main_div的，这样就可以将叶子的摆放跨过top_div和center_div这两个标签区域，具体代码如下：

   
                   
   

 
…(其它代码省略)


3、导航栏的相关实现：
        导航栏的实现在index.html中的menu_div标签中，先使用css中的将background属性设置为所需图片，至于七个模块的导航字体，则直接在html中输入，如下面代码：
        

            主页|
          动态|
          …(省略)
            学习|
         ...(省略)
      



        这里的“主页”、“动态”、“风采”、“资源”都使用标签设置了超链接，同时，为了成功设置超链接标签的字体不改变原来的样式，使用css属性内嵌到该标签，将text-decoration设为none，防止改变预设的字体样式。而未实现超链接的字体（如上面代码中的“学习”）则直接用标签设定，并且不加标签。至于“主页”、“动态”、“学习”等模块文字的间距是通过css的menu_font类的padding属性来设定。

 

 

2.3 “动态”页中的子页设计效果说明（News.html）
   （1）“动态”页中的子页的设计：

 

  图4 动态模块的子页设计效果图


        如图4所示，动态页的子页与首页有相似的地方，不同之处是中心内容，首先是中心内容的右上角处会有一个定位导航，然后，为了使文章与整体样式协调，标题使用土黄色，正文使用蓝色，再加上一幅经处理的图片，构成了动态页的子页，注意，这里的动态页并不是指内容是动态的，而是指班级的“动态”模块的最新资讯，活动类的信息，因此这子页的内容主题是“10计算机科学与技术1班清远班游”是符合“动态”模块的特点的。
（2）网页正文样式控制
将字体大小设定为18px，然后设置字体颜色为#8489c9，因为需要首行缩进，所以再加上text-indent属性，将值设为2em，两个中文字符的大小，将对齐方式设为左对齐text-align:left，再设定行高line-height为20px，最后，为了美观，设定padding的值，让文字避免与边框重叠。

 

 

2.4 “风采”页设计效果说明（Mien.html）
（1）“风采”页中的子页的设计：


图5  “风采”模块的子页设计效果图

       本页的整体布局还是与主页相似，制作相似主页的主要原因是使它的整体样式协调，中心内容的右上角处会有一个定位导航，然后，为了使文章与整体样式协调，标题使用粉红色，如图5所示，本页的正文部分嵌入了视频，首先设置好父类div中的正文的内容，再使用

语句将视频嵌入div中，在将视频嵌入成功后，在内容尾部加上可留言的样式，留言框的制作使用实现，然后在css中使用width与height设定留言框的高度，而提交按钮则使用实现，使用css中的text-align设定对齐方式。

 

 

2.5 “资源”页设计效果说明（Resource.html）

（1）“资源”页中的搜索子页的设计：



图6  “资源”模块的子页设计效果图

    本页设置了搜索框放在中心内容模块的右上角，用户可以通过该搜索框方便地查找自己所需的资源。查找结果将会在下面显示，查找结果的样式，这里使用

标签来实现，查找结果的边框的样式使用了咖啡色来做主题，使其看上去与导航栏及左侧边栏相协调。

 

3.总结


      静态网站课程设计，在我看来，这是本学期开Dreamweaver课以来自主性最强的一次网页设计作业，这学期上Dreamweaver课，一直跟着老师的步伐走，学到了很多关于网页设计方面的知识，平时的小实验，一般是完成老师布置下来的任务，一般是仿照原来的样本来做出相应的网页样式效果，而这些天，终于可以尝试自己定义主题然后根据自己所想而进行设计啦。
      这次的静态网站设计，可以分为六个步骤，第一步是选定主题，第二步是主题内容构思，第三步是网站设计框架构想，第四步是网站素材搜集，第五步是编码实现，第六步是网页检查及说明书与总结的编写。
      第一步：选定主题。看见说明书要求，可以做个人博客，可以做班级网站，可以做商务网站，可以做音乐视频播放网站，也可以做学习资源网站，我看见说明书首选的是个人博客与班级网站，在这两方面选题，这是因为个人所需，一直有写博文的习惯，不过并没有试过自己给自己设计主页，完全可以借助这次的机会给自己设计一个博客网站，另一方面，班级网站，之前也有想过说给班上做一个班级网站，只是，也是因为时间的关系，也一直没有动手，这次借这个静态网站课程设计的机会，还是决定了选择班级网站这个主题了，这次的选题，并没有去考虑课程设计完成的难度，而仅仅是从个人需求这个角度去选题的。这一步在2012年11月16日完成。
      第二步：主题内容构思。选定是主题后，需要开始构思好主题的相关内容有哪些，这次使用思维导图方式的思考，一个个模块展开，这次是以实用性的角度去将这班级的主题分块的，以自己是一个班级成员的身份去考虑我进入这么一个班级网页里面需要用上哪些功能，自己平时在上学的时候需要去使用哪些功能，活动，学习，生活，班级荣誉，各种资源，还有少不了的各种最新资讯，还有平时同学们的沟通无法找到联系方式的问题，所以最后就将主题分为“动态”、“风采”、“学习”、“交流”、“资源”、“联系”这六个模块了。这一步在2012年11月16日完成。
      第三步：网站设计框架构想。在主题内容设定后，得开始思考这些内容大概需要一个怎样的框架去装载，心中有一个大概的网站样式，需要一个怎样的样式去实现这一主题，起初我是想到的是以简单为主调，简单即是美嘛，不过后来是因为无意浏览网页的时候，发觉有些页面的设计虽然没有心目中的那么简单，不过也不算是太花花绿绿，也符合自己想要的另一个思考，和谐，于是，就这样通过不断的参考修正自己心中的框架，确定下最后的主题为翻页式的“和谐与回忆”，并且，考虑好将每个子模块的内容是怎样装入这网页的样式中去的。这一步在2012年11月17日完成。
      第四步：网站素材搜集。根据自己所考虑的网站设计框架，开始上网搜集素材，并且有些必须的，自己使用Photoshop工具进行制作，将全部的素材搜集好，为下一步编码实现打好基础，另外，将所有的素材搜集好后，再使用Photoshop 先将网页在Photoshop中设计展示出来，让下一步只需要根据自己的设计结果进行制作就可以了。这一步在2012年11月18日完成。
      第五步：编码实现。在设计好样式，网站的素材搜集好的情况下，编码的实现相对就显得轻松了，当然，这是需要有一定的网页的编写基础，当遇到不懂的问题时，一般会先去查书，找找是否有自己所需要的功能，如果书籍找不到所需资料，就会上网找答案，这次课程设计，并没有太多的疑难杂症，因为也没有走到去请教别人的那一步了，我这次编写代码，是边编写边调试，编好一个小模块后就使用浏览器打开网页看是否自己所需的样式再根据需要进行调整或继续进行下一子模块的编码。这一步在2012年11月20日完成。
      第六步：网页检查及说明书与总结的编写。最后，在完成了编码工作后，为了尽量使自己的网页错误降到最低，我会将整个网页的内容与链接都检查一遍。然后，开始着写编写说明书，制作说明书所需要的图片素材，根据自己思路将说明书写下。最后，免不了的是一次课程设计的总结，总结是每次课程设计的必做项，因为它可以让我们反思整个制作过程，可以总结出这次的制作经验，可以从自己的这次制作中总结出下次制作改进的方法。这一步在2012年11月20日完成。
      最后，这次的网页课程设计总算是完成了，自己也没有很满意，因为只是实现了四个子页面，这也是由于近期学习任务的繁重，近期还是想将更多的时间花在一些自己更感兴趣和更为急迫的学习任务上。而这次的网页设计作品也有些缺陷，首先是网站的内容不够丰富，感觉虽然是按个人的需求进行了模块分类，不过好像还是缺了点什么，分类的方法还是不科学，我想如果可以进行问卷检查的话可以再从另外一些角度去分类，或者可以再上网搜寻科学的分类方法。还有的不足就是子网页的功能都是不能实现的，由于这次是静态网页设计，因为也就没有去思考如何去实现这些功能了，功能的实现，对于网站的制作来说必然是重要的一步，制作的产品是为了给大众使用，相当少的情况会仅用来欣赏的，子页的div分块也有点过于简单，完成得有点仓促。当然，批了很多自己的不足，本次的网站制作也是有能让自己感到满足的地方，在这个制作的过程，将自己的CSS知识与HTML知识巩固了一次，另外，成功将网站制作出来是很让人兴奋的一件事，毕竟是第一次看见自己自主制作的网页成品啦。

 

4.参考文献

   [1] 《网页设计与开发》. 主编：王津涛　副主编：孟庆昌　出版：清华大学出版社　版次：2012年

你可能感兴趣的:(【研究课题及项目】)

  • AI实干家：HK深度体验-【第3篇-香港、新加坡、深圳、上海、首尔五座城市在金融数据维度的对比分析】 SZ0771 人工智能大数据
    以下是香港、新加坡、深圳、上海、首尔五座城市在金融数据维度的对比分析，涵盖货币流通量、存货款规模、资本市场活跃度、国际贸易、外资及外汇储备等关键指标，结合最新公开数据及全球金融中心排名动态：一、货币流通量（M0-M1-M2）由于城市层面货币供应量（M0、M1、M2）数据通常由国家统一统计，以下以金融机构本外币存款余额（反映广义货币M2的存量规模）为主要参考：城市本外币存款余额（2024年末）增速（
  • 为什么在Linux系统中，available会比free+buff/cache的总和少很多 fzip Linuxlinux运维服务器
    在Linux系统中，available内存值小于free+buff/cache总和的现象源于内存管理的复杂机制。以下是核心原因及技术细节：一、背景1.现象#1.free-htotalusedfreesharedbuff/cacheavailableMem:503Gi475Gi8.9Gi605Mi18Gi13GiSwap:63Gi12Gi51Gi#2.grep-E'^(MemTotal|MemFre
  • java Spring Boot ruoyi-vue-pro 模型接入微软 OpenAI(chatgpt)方法 代码简单说 开发必备2025开发必备java若依ruoyi教程javaspringbootvue.jsruoyi-vue-proopenaichatgpt大模型
    javaSpringBootruoyi-vue-pro模型接入微软OpenAI方法本项目基于SpringAI提供的spring-ai-azure-openai，实现与微软Azure上部署的OpenAI的接入，涵盖AI对话和AI绘画功能。1.申请密钥1.1AzureAPI申请在微软AzureAI申请。社区小伙伴提供过密钥接入，申请流程应不复杂。申请完成后会得到类似模型列表（如图）。购买完成后，在系统
  • 计算机专业毕业设计题目推荐（新颖选题）本科计算机人工智能专业相关毕业设计选题大全✅ 会写代码的羊 毕设选题课程设计人工智能毕业设计毕设题目毕业设计题目aiAI编程
    文章目录前言最新毕设选题（建议收藏起来）本科计算机人工智能专业相关的毕业设计选题毕设作品推荐前言2025全新毕业设计项目博主介绍：✌全网粉丝10W+,CSDN全栈领域优质创作者，博客之星、掘金/华为云/阿里云等平台优质作者。技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、大数据、机器学习等设计与开发。主要内容：免费功能
  • 【K8S】ImagePullBackOff状态问题排查。 执键行天涯 K8skubernetes容器云原生
    ImagePullBackOff是在使用Kubernetes（K8s）时经常遇到的一种错误状态，下面为你详细介绍其含义、可能的原因及解决办法。含义当你在K8s集群中创建一个Pod时，Kubelet会尝试从指定的镜像仓库拉取所需的容器镜像。如果拉取镜像失败，Kubelet会进行重试。随着重试次数的增加，重试的间隔时间会逐渐变长，这就是所谓的“指数退避”策略。当Kubelet多次尝试拉取镜像都失败后，
  • 消息中间件：RabbitMQ、Kafka 和 Redis如何选择？一文让您了解！ 写bug如流水 架构设计rabbitmqkafkaredis中间件
    RabbitMQ、Kafka和Redis是三种常见的消息中间件，它们各自具有不同的特点和适用的场景。以下是对它们使用场景及选择的分析：1.RabbitMQRabbitMQ是一个基于AMQP（AdvancedMessageQueuingProtocol）的消息队列系统，主要用于消息传递和任务分发，具有可靠的消息传递机制。使用场景：复杂的路由机制：RabbitMQ支持多种交换器类型（如fanout、d
  • Kafka Connect Node.js Connector 指南 丁操余
    KafkaConnectNode.jsConnector指南kafka-connectequivalenttokafka-connect:wrench:fornodejs:sparkles::turtle::rocket::sparkles:项目地址:https://gitcode.com/gh_mirrors/ka/kafka-connect项目介绍KafkaConnectNode.jsConn
  • RabbitMQ常见面试题及解析 chi_666 面试RabbitMQ面试
    1、什么是RabbitMQ？RabbitMQ是一个开源的消息队列系统，它实现了高级消息队列协议（AMQP）。它允许不同的应用程序之间进行异步通信，通过将消息发送到队列中，让消费者从队列中获取消息并进行处理，从而实现解耦、异步和削峰填谷等功能。2、核心组件与流程**Producer：**发送消息的应用。**Exchange：**接收消息并路由到队列（类型：Direct，Fanout，Topic，He
  • STM32上实现简化版的AUTOSAR DEM模块 智驾 STM32stm32AUTOSARDEMDTCFlashDBNvm
    文章目录摘要摘要在一些可以不使用AUTOSAR的项目中，往往也有故障检测和DTC存储的需求，开发一套类似于AUTOSARDEM模块的软件代码，能够满足DTC的检出和存储，使用FalshDB代替Nvm模块，轻松构建持久化存储，如果你也有这样的需求，请阅读本篇，希望能够帮到你。/**************************************************************
  • Spring Boot 项目启动时初始化 springboot
    简介有时我们需要在启动项目时做一些操作，比如将Mysq数据库的数据导入到Redis中。这里介绍两种简单的方法。方法1；给方法添加注解@PostContruct@ComponentpublicclassInitServlet{@PostContructpublicvoidinit(){//初始化操作处理}}方法2：实现InitializingBean接口@ComponentpublicclassIn
  • UnityShader实现水渲染 源 unityshader
    今天分享一下如何使用Shader实现水体渲染和波浪扰动效果我们一般可以使用Plane去模拟水平面，创建好Plane后,结合自己项目的风格去搞一个水体贴图，可以在网上下载，我这里直接用这张1准备工作完毕，直接上代码​Shader"Custom/WaterShader"{Properties{_BaseColor("BaseColor",Color)=(0,0.5,1,1)//水的基色_NormalM
  • 基于FPGA的DDS连续FFT 仿真验证 toonyhe FPGA开发fpga开发DDSFFTIFFT
    基于FPGA的DDS连续FFT仿真验证1摘要本文聚焦AMDLogiCOREIPFastFourierTransform(FFT)核心，深入剖析其在FPGA设计中的应用。该FFT核心基于Cooley-Tukey算法，具备丰富特性，如支持多种数据精度、算术类型及灵活的运行时配置。文中详细介绍了其架构选项、端口设计、理论运算原理，以及在不同场景下的动态范围特性。同时，结合VivadoDesignSuit
  • Python 正则表达式小结1 大收藏家 Python正则表达式python
    [声明]：本文参考了白夜黑雨老师的网页讲解。如有侵权，请与我联系！！！Python正则表达式小结11.正则表达式验证2.特殊元字符及含义3匹配某种字符类型4.正则表达式举例大收藏家说1.正则表达式验证提供两个网站用于正则表达式的验证，可以敲入文本与正则表达式。通过该网站，验证正则表达式的正确性。非常好用！英文网站中文网站2.特殊元字符及含义元字符含义.表示要匹配除了换行符之外的任何单个字符*星号-
  • 常见FUZZ姿势与工具实战：从未知目录到备份文件漏洞挖掘 w2361734601 web安全安全
    本文仅供学习交流使用，严禁用于非法用途。未经授权，禁止对任何网站或系统进行未授权的测试或攻击。因使用本文所述技术造成的任何后果，由使用者自行承担。请严格遵守《网络安全法》及相关法律法规！目录本文仅供学习交流使用，严禁用于非法用途。未经授权，禁止对任何网站或系统进行未授权的测试或攻击。因使用本文所述技术造成的任何后果，由使用者自行承担。请严格遵守《网络安全法》及相关法律法规！一、FUZZ技术概述二、
  • webpack的SplitChunksPlugin和在路由或组件级别进行拆分 混血哲谈 webpack前端node.js
    请问下面内容中提到的SplitChunksPlugin和“在路由或组件级别进行拆分是一种更简单的方法，可用于延迟加载应用的不同部分”在前端项目中如何应用？“”“在大型应用中，延迟加载第三方依赖项并不是常见的模式。通常，第三方依赖项会拆分为单独的供应商软件包，因为它们的更新频率较低，因此可以缓存。您可以详细了解SplitChunksPlugin如何帮助您实现这一点。使用客户端框架时，在路由或组件级别
  • WinPcap编程——APR欺骗 4ct10n VC++winpcap编程arp
    一实验要求利用WinPcap编程，实现基于ARP欺骗的中间人攻击。1）利用WinPcap，分别向被欺骗主机和网关发送APR请求包，达到同时欺骗目标主机和网关的目的；2）所有目标主机和网关之间的数据都会被我们劫持，过滤两者之间的所有http交互数据包，并保存为文件。（http包的过滤可用80端口来标识）二实验原理1选择网卡及过滤规则在这里特别注以下几点：1.charpacket_filter[]="
  • Visual C++从入门到精通第三版 PDF 下载 范武心Lucinda
    VisualC++从入门到精通第三版PDF下载【下载地址】VisualC从入门到精通第三版PDF下载VisualC++从入门到精通第三版PDF下载项目地址:https://gitcode.com/open-source-toolkit/f4bb4资源介绍本仓库提供《VisualC++从入门到精通第三版》的PDF版本下载。这本书是一本非常适合初学者的入门书籍，内容涵盖了从C++基础知识到Visual
  • 架构设计的灵魂交响曲：系统设计各维度的深度解析与实战指南 领码科技 IT职场技能篇架构设计系统设计功能模块模型驱动协同设计
    引言:系统设计的背景与重要性在快速变化的技术环境中，数字化转型成为企业生存与发展的核心驱动力。系统设计能力不仅是技术团队的核心竞争力，也是推动业务创新和提升整体效率的关键因素。根据Gartner的研究，超过70%的数字化转型项目未能实现预期结果，这强调了有效系统设计的重要性。企业需通过科学合理的系统设计来应对市场变化、用户需求和技术发展，从而实现更高的业务价值。文章将深入探讨架构设计的各个维度，通
  • 论云原生架构及其应用 桃花键神 云原生架构
    摘要：2021年7月，我所在的公司承担了广东省某医院的网上预约挂号项目的开发工作，我有幸作为系统架构师参与整个系统的开发过程，并负责了系统架构设计工作。该系统以预约挂号为主线，其中包括管理平台审核、确认挂号、订单支付、更新预约状态等业务模块。本文以网上预约挂号项目为例，详细论述了云原生架构在该项目中的具体应用。系统以SpringCloud微服务框架开发，分为前端Web服务、平台保障服务、业务服务三
  • 使用vscode远程连接linux运行项目报错解决方案 大数据lsy 笔记vscodelinuxpython
    报错：subprocess.CalledProcessError:Command'['/xxx/anaconda3/envs/graphinvent/bin/python','./graphinvent/main.py','--job-dir','/xxx/GraphINVENT/output_gdb13_1K/example/job_0/']'returnednon-zeroexitstatus
  • jieba库词频统计_jieba分词器（应用及字典的补充）及文档高频词提取实战 袁圆园建建 jieba库词频统计
    jieba分词器是Python中最好的中文分词组件，本文讲解一下jieba分词器及其应用。1、jieba分词器的分词模式jieba分词器提供了三种常用的分词模式1、精确模式：将句子按照最精确的方法进行切分，适合用于进行文本分析；2、全模式：将句子当中所有可以成词的词语都扫描出来，分词速度很快但容易产生歧义；3、搜索引擎模式：在精确模式分词的基础上，将长的句子再次进行切分，提高召回率，适用于搜索引擎
  • Hive 实际应用场景及对应SQL示例 小技工丨 大数据随笔hivesqlhadoop大数据数据仓库
    Hive实际应用场景及对应SQL示例一、‌日志分析场景‌**场景说明‌：**处理大规模日志数据（如Web访问日志），分析用户行为或系统运行状态。SQL示例‌：--统计每日UV（用户访问量）SELECTdate,COUNT(DISTINCTuser_id)ASdaily_uvFROMweb_logsWHEREevent_type='page_view'GROUPBYdate;技术要点‌：使用DIST
  • [C/C++][VsCode]使用VsCode在Linux上开发和Vscode在线调试 ★Orange★ LinuxC++嵌入式c语言c++vscode
    目录0.前言1.win10上搭建环境Linux环境2.编写makefile3.怎么在线调试结语0.前言在开发中，可以一边开发一边调试，这样可以大大的减少bug；但是正常来说一个大点的项目，是不太可能单步调试的，因为一般都是用make或者CMake，甚至安卓中的Android.bp来编译；因此检查调试程序，仅能通过编译后，烧录到目标板子上或者搭建好的环境上，根据Log信息来调试，这样确实有点麻烦，但
  • eclipse中修改svn账号密码 漫漫求索者 开发笔记eclipssvn账号密码JaveHL
    背景：鉴于单位的邮箱密码定时更换，svn账号又跟邮箱账号绑定，所以每次都需要改svn账号密码，最近由于一直在用androidstudio开放，偶然接触到之前的eclipse项目，想打开一下，却发现svn密码不能用了，想着改下密码，却忘了怎么修改了，教训，还是记录一下吧。步骤如下：1、首先看一下自己eclipse用的是那个版本的SVN，在windows>preference>Team>SVN在右边的
  • SVN学习 无妄无望 工具使用svn学习
    1、SVN是什么SVN（Subversion）是一个开源的版本控制系统，用于跟踪文件和目录的更改。它允许团队协作开发项目，管理代码的版本历史，并支持多人同时对代码进行修改和提交。SVN是集中式版本控制系统（CVCS）的代表之一，与Git（分布式版本控制系统）不同，SVN的代码库通常存储在一个中央服务器上。SVN的主要特点版本控制：记录文件和目录的每一次更改，支持版本回溯和历史查看。多人协作：允许多
  • 【JavaEE】Mybatis 简单启动 鸽鸽程序猿 JavaEEjava-eemybatis数据库
    目录一、Mybatis简介二、MyBatis⼊⻔2.1创建项目2.2准备数据2.3配置文件2.4实体类2.5执行结果一、Mybatis简介Mybatis是一个操作数据库驱动的持久层框架，用来简化JDBC操作的，SpringBoot集成了这个框架。MyBatis本是Apache的⼀个开源项⽬iBatis，2010年这个项⽬由apache迁移到了googlecode，并且改名为MyBatis。2013
  • HarmonyOS开发，解决Kill server failed 报错问题 MardaWang HarmonyOSNEXTOpenHarmonyharmonyos华为
    当执行hdckill命令返回“Killserverfailedoperationnotpermitted”错误时，意味着系统不允许你执行终止HDC（HarmonyOSDeviceConnector）服务器的操作。下面是可能的原因及解决方案。可能的原因1.权限不足执行hdckill命令需要足够的系统权限。若当前用户没有相应的权限，系统会拒绝该操作。2.HDC服务器被其他进程占用或锁定HDC服务器可能
  • SpringBoot配置文件加载优先级 不修×蝙蝠 springboot后端java优先级
    在SpringBoot项目中，配置属性的优先级是一个重要的概念，它决定了当存在多个配置源时，哪个配置源的属性将被应用。以下是SpringBoot中配置属性的优先级，从最高到最低：命令行参数：命令行参数具有最高的优先级。SpringBoot项目被启动时，可以通过命令行传递参数，这些参数将覆盖其他所有配置源中的相同属性。java-jaryour-application.jar--spring.data
  • SpringMVC系列之整合Thymeleaf【Thymeleaf整合springmvc介绍及Thymeleaf基础概念、使用语法详解】 吕鑫洋 SpringMVC系列javahtmljsspringmvc
    Thymeleaf是java的模板引擎，可以将动态页面静态化；目前使用较多的模板引擎：Velocity、Freemarker、Thymeleaf一、Maven依赖Thymeleaf整合springmvc共需要两个jar：1.thymeleaf2.thymeleaf-spring5org.thymeleafthymeleaf3.0.9.RELEASEorg.thymeleafthymeleaf-sp
  • 防火墙综合实验 earthtoearth 防火墙安全实验配置网络运维安全网络安全
    一、实验目的及拓扑实验目的：1、内网设立两台防火墙实现双机热备2、防火墙设置二个虚拟系统，VRF_A对应PC1和服务器，VRF_B对应PC2，虚拟防火墙内部实现对服务器的访问3、PC1访问外网通过防火墙1，PC2访问外网通过防火墙24、将服务器向外网通过NATSERVER进行地址映射，使外网能够访问内网服务器5、在防火墙VRF_A虚墙上设置超级用户后设置相应功能二、基础配置（一）交换网络配置1、在
  • Java实现的简单双向Map，支持重复Value superlxw1234 java双向map
    关键字：Java双向Map、DualHashBidiMap     有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。   数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。   即：既要根据Key找Value，又要根据Value
  • PL/SQL触发器基础及例子 百合不是茶 oracle数据库触发器PL/SQL编程
      触发器的简介; 触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似 过程函数必须要调用,   一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行, 触发时间：指明触发器何时执行，该值可取： before：表示在数据库动作之前触发
  • [时空与探索]穿越时空的一些问题 comsci 问题
          我们还没有进行过任何数学形式上的证明,仅仅是一个猜想.....       这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
  • easy ui datagrid上移下移一行 商人shang js上移下移easyuidatagrid
    /** * 向上移动一行 * * @param dg * @param row */ function moveupRow(dg, row) { var datagrid = $(dg); var index = datagrid.datagrid("getRowIndex", row); if (isFirstRow(dg, row)) {
  • Java反射 oloz 反射
    本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教 首先看看java中的Class package demo; public class ClassTest { /*先了解java中的Class*/ public static void main(String[] args) { //任何一个类都
  • springMVC 使用JSR-303 Validation验证 杨白白 springmvc
    JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。 JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。 登录需要验证类 public class Login { @NotEmpty
  • log4j 香水浓 log4j
    log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE #log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML #console log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender log4
  • 使用ajax和history.pushState无刷新改变页面URL agevs jquery框架Ajaxhtml5chrome
    表现 如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。 是什么有这么强大的功能呢？ HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
  • centos中文乱码 AILIKES centosOSssh
    一、CentOS系统访问 g.cn ，发现中文乱码。 于是用以前的方式：yum -y install fonts-chinese CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。       后来，终于找到以下方法可以解决，需要两个中文支持的包： fonts-chinese-3.02-12.
  • 触发器 baalwolf 触发器
    触发器(trigger)：监视某种情况，并触发某种操作。 触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete) 语法： create trigger triggerName after/before 
  • JS正则表达式的i m g bijian1013 JavaScript正则表达式
            g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。         i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。         m:表示
  • HTML5模式和Hashbang模式 bijian1013 JavaScriptAngularJSHashbang模式HTML5模式
            我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。 html5Mode         一个布尔值，标识$location服务是否运行在HTML5模式下。 ha
  • [Maven学习笔记六]Maven生命周期 bit1129 maven
    从mvn test的输出开始说起   当我们在user-core中执行mvn test时，执行的输出如下：   /software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
  • 【Hadoop七】基于Yarn的Hadoop Map Reduce容错 bit1129 hadoop
    运行于Yarn的Map Reduce作业，可能发生失败的点包括 Task Failure Application Master Failure Node Manager Failure Resource Manager Failure 1. Task Failure 任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
  • 记一次数据推送的异常解决端口解决 ronin47 记一次数据推送的异常解决
    　　 需求：从db获取数据然后推送到B         程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。 　　  自已画了个图，逐一排除，把linux 防火墙　和　setenforce　设置最低。 　　　service iptables stop
  • 巧用视错觉-UI更有趣 brotherlamp UIui视频ui教程ui自学ui资料
    我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。 视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。 格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。 在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
  • 线段树-poj1177-N个矩形求边长（离散化+扫描线） bylijinnan 数据结构算法线段树
    package com.ljn.base; import java.util.Arrays; import java.util.Comparator; import java.util.Set; import java.util.TreeSet; /** * POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177
  • HTTP协议详解 chicony http协议
    引言                                 
  • Scala设计模式 chenchao051 设计模式scala
    Scala设计模式                我的话： 在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
  • 安装mysql daizj mysql安装
    安装mysql   (1)删除linux上已经安装的mysql相关库信息。rpm  -e  xxxxxxx   --nodeps (强制删除)      执行命令rpm -qa |grep mysql 检查是否删除干净   (2)执行命令  rpm -i MySQL-server-5.5.31-2.el
  • HTTP状态码大全 dcj3sjt126com http状态码
    完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
  • asihttprequest上传图片 dcj3sjt126com ASIHTTPRequest
    NSURL *url =@"yourURL"; ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url]; [currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
  • C语言中，关键字static的作用 e200702084 C++cC#
    在C语言中，关键字static有三个明显的作用： 1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。 一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
  • win7/8使用curl geeksun win7
    1.  WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。 下载地址：  http://curl.haxx.se/download.html 请选择不带SSL的版本，否则还需要安装SSL的支持包   2.  可以给Windows增加c
  • Creating a Shared Repository; Users Sharing The Repository hongtoushizi git
    转载自：   http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section: git init –bare git clone git remote git pull git p
  • Java实现字符串反转的8种或9种方法 Josh_Persistence 异或反转递归反转二分交换反转java字符串反转栈反转
    注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客： http://josh-persistence.iteye.com/blog/2205768   /** * */ package com.wsheng.aggregator.algorithm.string; import java.util.Stack; /**
  • 代码实现任意容量倒水问题 home198979 PHP算法倒水
    形象化设计模式实战             HELLO!架构                     redis命令源码解析   倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
  • Druid datasource zhb8015 druid
    推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。 它最重要的特点是：监控、扩展和性能。 下载和Maven配置看这里： http
  • 两种启动监听器ApplicationListener和ServletContextListener spjich javaspring框架
    引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器   ServletContextListener  特点: 依赖于sevlet容器，需要配置web.xml 使用方法: public class StartListener implements
  • JavaScript Rounding Methods of the Math object 何不笑 JavaScriptMath
        The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(),  Math.floor(), and  Math.round() — handle rounding in differen