网页制作是计算机专业同学在大学期间都会接触到的一门课程,而学习网页制作所用的第一个集成开发环境(IDE)想必大多是Dreamweaver,这种所见即所得的“吊炸天”IDE为大家制作网页带来了极大的方便。
入门快、见效快让大家在不知不觉中已经深深爱上了网页制作。此时,很多人会陷入一个误区,那就是既然借助这么帅的IDE,通过鼠标点击菜单就可以快速方便地制作网页。
那么大家为什么还要去学习HTML、CSS、JavaScrpt、jQuery等这些苦逼的代码呢?这不是舍简求繁吗?但是随着学习的深入,就会发现大家步入了一种窘境——过分的依赖IDE导致大家不清楚其实现的本质,知其然但不知其所以然。
因此在页面效果出现问题时,大家便手足无措,更不用提如何进行页面优化以及完成一些更高级的应用了。其原因是显而易见的——聪明的IDE成全了大家的惰性,使大家忽略了华丽的网页背后最本质的内容——code。
很多时候,成功除了勇气、坚持不懈外,更需要方向。也许有了一个好的方向,成功来得比想象的更快。如果在错误的路上奔跑,再怎么努力也是白搭。学习Web前端也是如此,首先应该选择一个正确的学习路线。
在这里将Web前端的学习分为以下几个阶段,具体的学习路线图如图所示:
第一阶段、HTML的学习超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架,无论是静态网页还是动态网页,最终返回到浏览器端的都是HTML代码,浏览器将HTML代码解释渲染后呈现给用户。因此,大家必须掌握HTML的基本结构和常用标记及属性。
HTML 的学习是一个记忆和理解的过程,在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果,在“代码”视图中学本质, 将各种视图的优势发挥到极致,这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味,想必对各位初学的小盆友们来说必定是极好的!
在学习了HTML之后,大家只是掌握了各种“原材料”的制作方法,要想盖一幢楼房就还需要把这些“原材料”按照大家设计的方案组合布局在一起并进行一些样式的美化。
第二阶段、css的学习CSS是英文Cascading Style Sheets的缩写,叫做层叠样式表,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的,这样就极大地提高了大家开发的速度,降低了维护的成本。
同时CSS中的盒子模型、相对布局、绝对布局等能够实现对网页中各对象的位置排版进行像素级的精确控制。通过此阶段的学习,大家就可以顺利完成“一幢楼房”的建设。
“楼房”建设完成之后,大家可以交给用户使用,但是如果想让用户获得更佳的体验,大家还可以对“楼房”进行更深一步的“装修”,让它看起来更“豪华”一些。
第三阶段、javascript的学习JavaScript是一种在客户端广泛使用的脚步语言,在JavaScript当中为大家提供了一些内置函数、对象和DOM操作,借助这些内容大家可以来实现一些客户端的特效、验证、交互等,使大家的页面看起来不那么呆板,屌丝瞬间逆袭高富帅!有么有?
此时,也许你还沉浸在JavaScript给你带来的惊喜之中,但你的项目经理却突然对你大吼道
“这个效果在××浏览器下不兼容,重新搞……”
“不兼容?”瞬间石化了有木有?
“偶去,坑爹啊!那可是花了偶一个晚上写了几百行代码搞定的啊,吐血了都!”
JavaScript的兼容性和复杂性有时候的确让大家头疼,还好有“大神”帮大家做了封装。
第四阶段、jquery的学习jQuery 是一个免费、开源的轻量级的JavaScript库,并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持),同时现在有很多基于jQuery的插件可供选择,这样在大家实现一些丰富的动态效果时更方便快捷,大大节省了大家开发的时间,提高了开发速度,这也充分体现了其 write less,do more的核心宗旨。这个Feel倍儿爽!有么有?
第五阶段、bootstrap的学习“豪华大楼”至此拔地而起,但是每天这样日复一日,年复一年的盖楼,好繁琐!能不能将大楼里面每一个单独部件模块化,当需要盖楼时就像堆积木一样组合在一起,这样岂不是爽歪歪?可以实现吗?答案是肯定的。
这种思想在Web前端开发中也是适合的,于是乎就出现了各种前端框架,在这里千锋武汉Web前端培训小编推荐给大家的是Bootstrap。Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,是一个CSS/HTML框架,并且支持响应式布局。一经推出后颇受欢迎,一直是GitHub上的热门开源项目。在项目开发过程中,大家可以借助Bootstrap提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置,然后再有针对性的微调样式,这样基于框架进行开发大大缩短了开发周期。
Web发展的很快,甚至可以说这些技术几乎每天都在变化!如果没有快速学习能力,就跟不上前端发展的步伐。想成为一个一直受欢迎的Web前端工程师必须不断提升自己,不断学习新技术、新模式,仅仅依靠今天的知识无法适应未来。
想要学习Web前端,自然应该选择专业的培训班。千锋武汉Web前端培训以实战项目驱动教学,致力于培养覆盖前端+后台+全栈开发的综合性人才。
并且千锋武汉Web前端培训课程学习门槛低,适合零基础的小白迅速成长,学习曲线先快后慢,也适合有一定基础的学员进阶学习,巩固知识的基础上,稳步进步突破职业瓶颈。
关注“武汉千锋”公众号,即可免费领取更多Web前端学习资料。
css样式如何去掉整个页面的分割线?
可以直接用border,none结束。希望偶的回答可以帮到你,有什么不懂可以追问。
dw中分割线怎么弄成虚线?
给层设置 border的样式
{border-bottom-style:dotted} 底边为点线
{border-bottom-style:dashed} 底边为虚线
或者直接背景图片用虚线
aspnet中导出excel数据的方法汇总?
1、由dataset生成
复制代码代码如下:
public void CreateEXCEL(DataSet ds,string typeid,string FileName)
{
HttpResponse resp;
resp = Page.Response;
resp.ContentEncoding = System.Text.Encoding.GetEncoding(“GB2312”);
resp.AppendHeader(“Content-DispositIOn”, “attachment;filename=” + FileName);
string colHeaders= “”, ls_item=””;
int i=0;
//定义表对象与行对像,同时用DataSet对其值进行初始化
DataTable dt=ds.Tables[0];
DataRow[] myRow=dt.Select(“”);
// typeid==”1″时导出为Excel格式文件;typeid==”2″时导出为XML格式文件
if(typeid==”1″)
{
//取得数据表各列标题,各标题之间以t分割,最后一个列标题后加回车符
for(i=0;i colHeaders+=dt.Columns[i].Caption.ToString()+”t”;
colHeaders +=dt.Columns[i].Caption.ToString() +”n”;
//向HTTP输出流中写入取得的数据信息
resp.Write(colHeaders);
//逐行处理数据
foreach(DataRow row in myRow)
{
//在当前行中,逐列获得数据,数据之间以t分割,结束时加回车符n
for(i=0;i ls_item +=row[i].ToString() + “t”;
ls_item += row[i].ToString() +”n”;
//当前行数据写入HTTP输出流,并且置空ls_item以便下行数据
resp.Write(ls_item);
ls_item=””;
}
}
else
{
if(typeid==”2″)
{
//从DataSet中直接导出XML数据并且写到HTTP输出流中
resp.Write(ds.GetXml());
}
}
//写缓冲区中的数据到HTTP头文件中
resp.End();
}
2、由datagrid生成
复制代码代码如下:
public void Toexcel(System.Web.UI.Control ctl)
{
HttpContext.Current.Response.AppendHeader(“Content-Disposition”,”attachment;filename=Excel.xls”);
HttpContext.Current.Response.Charset =”UTF-8″;
HttpContext.Current.Response.ContentEncoding =System.Text.Encoding.Default;
HttpContext.Current.Response.ContentType =”application/ms-excel”;//image/JPEG;text/HTML;image/GIF;vnd.ms-excel/msword
ctl.Page.EnableViewState =false;
System.IO.StringWriter tw = new System.IO.StringWriter() ;
System.Web.UI.HtmlTextWriter hw = new System.Web.UI.HtmlTextWriter (tw);
ctl.RenderControl(hw);
HttpContext.Current.Response.Write(tw.ToString());
HttpContext.Current.Response.End();
}
用法:ToExcel(datagrid1);
3、这个用dataview
复制代码代码如下:
public void OutputExcel(DataView dv,string str)
{
//
// TODO: 在此处添加构造函数逻辑
//
//dv为要输出到Excel的数据,str为标题名称
GC.Collect();
Application excel;// = new Application();
int rowIndex=4;
int colIndex=1;
_Workbook xBk;
_Worksheet xSt;
excel= new ApplicationClass();
xBk = excel.Workbooks.Add(true);
xSt = (_Worksheet)xBk.ActiveSheet;
//
//取得标题
//
foreach(DataColumn col in dv.Table.Columns)
{
colIndex++;
excel.Cells[4,colIndex] = col.ColumnName;
xSt.get_Range(excel.Cells[4,colIndex],excel.Cells[4,colIndex]).HorizontalAlignment = XlVAlign.xlVAlignCenter;//设置标题格式为居中对齐
}
//
//取得表格中的数据
//
foreach(DataRowView row in dv)
{
rowIndex ++;
colIndex = 1;
foreach(DataColumn col in dv.Table.Columns)
{
colIndex ++;
if(col.DataType == System.Type.GetType(“System.DateTime”))
{
excel.Cells[rowIndex,colIndex] = (Convert.ToDateTime(row[col.ColumnName].ToString())).ToString(“yyyy-MM-dd”);
xSt.get_Range(excel.Cells[rowIndex,colIndex],excel.Cells[rowIndex,colIndex]).HorizontalAlignment = XlVAlign.xlVAlignCenter;//设置日期型的字段格式为居中对齐
}
else
if(col.DataType == System.Type.GetType(“System.String”))
{
excel.Cells[rowIndex,colIndex] = “‘”+row[col.ColumnName].ToString();
xSt.get_Range(excel.Cells[rowIndex,colIndex],excel.Cells[rowIndex,colIndex]).HorizontalAlignment = XlVAlign.xlVAlignCenter;//设置字符型的字段格式为居中对齐
}
else
{
excel.Cells[rowIndex,colIndex] = row[col.ColumnName].ToString();
}
}
}
//
//加载一个合计行
//
int rowSum = rowIndex + 1;
int colSum = 2;
excel.Cells[rowSum,2] = “合计”;
xSt.get_Range(excel.Cells[rowSum,2],excel.Cells[rowSum,2]).HorizontalAlignment = XlHAlign.xlHAlignCenter;
//
//设置选中的部分的颜色
//
xSt.get_Range(excel.Cells[rowSum,colSum],excel.Cells[rowSum,colIndex]).Select();
xSt.get_Range(excel.Cells[rowSum,colSum],excel.Cells[rowSum,colIndex]).Interior.ColorIndex = 19;//设置为浅黄色,共计有56种
//
//取得整个报表的标题
//
excel.Cells[2,2] = str;
//
//设置整个报表的标题格式
//
xSt.get_Range(excel.Cells[2,2],excel.Cells[2,2]).Font.Bold = true;
xSt.get_Range(excel.Cells[2,2],excel.Cells[2,2]).Font.Size = 22;
//
//设置报表表格为最适应宽度
//
xSt.get_Range(excel.Cells[4,2],excel.Cells[rowSum,colIndex]).Select();
xSt.get_Range(excel.Cells[4,2],excel.Cells[rowSum,colIndex]).Columns.AutoFit();
//
//设置整个报表的标题为跨列居中
//
xSt.get_Range(excel.Cells[2,2],excel.Cells[2,colIndex]).Select();
xSt.get_Range(excel.Cells[2,2],excel.Cells[2,colIndex]).HorizontalAlignment = XlHAlign.xlHAlignCenterAcrossSelection;
//
//绘制边框
//
xSt.get_Range(excel.Cells[4,2],excel.Cells[rowSum,colIndex]).Borders.LineStyle = 1;
xSt.get_Range(excel.Cells[4,2],excel.Cells[rowSum,2]).Borders[XlBordersIndex.xlEdgeLeft].Weight = XlBorderWeight.xlThick;//设置左边线加粗
xSt.get_Range(excel.Cells[4,2],excel.Cells[4,colIndex]).Borders[XlBordersIndex.xlEdgeTop].Weight = XlBorderWeight.xlThick;//设置上边线加粗
xSt.get_Range(excel.Cells[4,colIndex],excel.Cells[rowSum,colIndex]).Borders[XlBordersIndex.xlEdgeRight].Weight = XlBorderWeight.xlThick;//设置右边线加粗
xSt.get_Range(excel.Cells[rowSum,2],excel.Cells[rowSum,colIndex]).Borders[XlBordersIndex.xlEdgeBottom].Weight = XlBorderWeight.xlThick;//设置下边线加粗
//
//显示效果
//
excel.Visible=true;
//xSt.Export(Server.MapPath(“.”)+”\”+this.xlfile.Text+”.xls”,SheetExportActionEnum.ssExportActionNone,Microsoft.Office.Interop.OWC.SheetExportFormat.ssExportHTML);
xBk.SaveCopyAs(Server.MapPath(“.”)+”\”+this.xlfile.Text+”.xls”);
ds = null;
xBk.Close(false, null,null);
excel.Quit();
System.Runtime.InteropServices.Marshal.ReleaseComObject(xBk);
System.Runtime.InteropServices.Marshal.ReleaseComObject(excel);
System.Runtime.InteropServices.Marshal.ReleaseComObject(xSt);
xBk = null;
excel = null;
xSt = null;
GC.Collect();
string path = Server.MapPath(this.xlfile.Text+”.xls”);
System.IO.FileInfo file = new System.IO.FileInfo(path);
Response.Clear();
Response.Charset=”GB2312″;
Response.ContentEncoding=System.Text.Encoding.UTF8;
// 添加头信息,为”文件下载/另存为”对话框指定默认文件名
Response.AddHeader(“Content-Disposition”, “attachment; filename=” + Server.UrlEncode(file.Name));
// 添加头信息,指定文件大小,让浏览器能够显示下载进度
Response.AddHeader(“Content-Length”, file.Length.ToString());
// 指定返回的是一个不能被客户端读取的流,必须被下载
Response.ContentType = “application/ms-excel”;
// 把文件流发送到客户端
Response.WriteFile(file.FullName);
// 停止页面的执行
Response.End();
}
导入、导出EXCEL中的一些问题汇总
一、在项目中的添加引用:
右击项目资源管理器的引用–>添加引用–>选择.NET选项卡–>选择Microsoft.Office.Interop.Excel–>确定;
在选择时注意一下.NET组件的版本号,本例的12.0.0.0是Office2007的版本:
二、在项目中使用Microsoft.Office.Interop.Excel:
如果想使用Microsoft.Office.Interop.Excel,首先需要在项目中引用命名空间:
using Microsoft.Office.Interop.Excel;
三、建立Excel.Application相关对象
复制代码代码如下:
//建立Application对象
Microsoft.Office.Interop.Excel.Application myExcel = new Application();
//建立Workbooks对象
Workbooks myBooks = myExcel.Application.Workbooks;
//建立一个System.Reflection.Missing的object对象
object oMissing = System.Reflection.Missing.Value;
四、打开或新建Excel的book文件
复制代码代码如下:
//打开Excel文件,注意里的“ExccelFilePath”为Excel文件在服务器上的物理地址,包括文件名
Workbook myBook = myBooks.Open(ExccelFilePath,oMissing, oMissing, oMissing, oMissing, oMissing, oMissing, oMissing, oMissing, oMissing, oMissing, oMissing, oMissing);
//新建Workseet对象,,此处为要操作的工作表 ,当前要操作的工作表的获取方法有两种:使用工作表的索引值或使用工作表的名称,名称默认为:“sheet1”/“Sheet2”等
Worksheet mySheet = (Worksheet)myBook.Worksheets[1];
//如果是新建EXCEL工作簿,需要 设置如下两行内容,以保证工作簿中有一个工作表,
Workbook workbook1 = excel1.Workbooks.Add(true);
Worksheet mySheet= (Worksheet)workbook1.Worksheets[“sheet1”];
//设置EXCEL对象是否显示界面,默认为false不显示界面
myExcel.Visble=true;
五、一些比较重要的针对Excel的操作
1、获取Range对象
①、获取一个单元格的Range对象:
复制代码代码如下:
//选择第一行、第一列的单元的单元格为Range对象
Range r = (Excel.Range)mySheet.Cells[1, 1];
//选择多个连续的单元格为Range对象
Range r=(Excel.Range)Range.get_Range(“A1:F3”)
②、给单元格赋值或取出单元格的值:
复制代码代码如下:
//已选择了Range对象的赋值:
r.Text=”中国”;
//未选择Range对象的赋值:
mySheet.Cells[1,2].Text=”中国”;
//已选择了Range对象的取值:
String strValue= r.Text;
//未选择Range对象的取值:
String strValue= mySheet.Cells[1,2].Text;
③、给单元格设置边框
复制代码代码如下:
mySheet.Cells[2, 1].BorderAround(XlLineStyle.xlContinuous, XlBorderWeight.xlThin, XlColorIndex.xlColorIndexAutomatic, null);//画线
④、合并单元格
复制代码代码如下:
//合并单元格前先要将要合并的单元格选择为Range对象
Range r=Range.get_Range(“A1:F3”);
//然后现设置合并单元格
r.MergeCells = true;
⑤、设置单元格的字体、字号、背景色等属性
复制代码代码如下:
mySheet.Cells[1, 1].Font.Name = “黑体”;
mySheet.Cells[1, 1].Font.Size = 20;
mySheet.Rows[“1:1”].RowHeight = 40;
mySheet.Cells[1, 1].Interior.Color = Color.FromArgb(224, 224, 224);//设置颜色
⑥、删除一行:
复制代码代码如下:
//首先获取要删除的行的Range
Microsoft.Office.Interop.Excel.Range range = (Microsoft.Office.Interop.Excel.Range)mySheet.Rows[sendedRow[1], Type.Missing];
//注意删除行后删除后的行号被下面的行替换,如果逐行删除,请先从最大的行号往最小的行号删除
range.Delete(Microsoft.Office.Interop.Excel.XlDeleteShiftDirection.xlShiftUp);
⑦、获取有数据的行数
复制代码代码如下:
int rowsint = mySheet.UsedRange.Cells.Rows.Count;
六、EXCEL文件的保存与退出
1、EXCEL的保存与退出
复制代码代码如下:
myBook.Save();
myBooks.Close();
myExcel.Quit();
2、EXCEL指定文件保存
复制代码代码如下:
myBook.Close(true, FilePath +_file_Name, null);
七、释放EXCLE对象的资源与结束EXCEL 进程
关于这方面内容有好多网友都在讲多种方法,经过本人实践,以下方面才能真正做到结束EXCEL的任务进程:
1、将所有以上对EXCEL的操作放到一个方法中,
2、在操作EXCEL后,即时将不使用对象一一释放并赋null值:
复制代码代码如下:
System.Runtime.InteropServices.Marshal.ReleaseComObject(mysheet);
mysheet=null;
System.Runtime.InteropServices.Marshal.ReleaseComObject(myBook);
myBook=null;
System.Runtime.InteropServices.Marshal.ReleaseComObject(myBooks);
myBooks=null;
System.Runtime.InteropServices.Marshal.ReleaseComObject(myExcel);
myExcel=null;
3、再新建一个方法,并以该方法中执行上面新建的操作EXCEL方法,并在执行完操作EXCEL方法的后面添加GC.Collect():
复制代码代码如下:
//下面方法中OutPutEXCEL()方法是输出EXCEL文件的对EXCEL 操作的方法
private void killExcel()
{
outPutEXCEL();
GC.Collect();
GC.WaitForPendingFinalizers();
}
好多网友都在介绍使用GC.Collect()释放EXCEL占用的资源来结束EXCEL进行,如果将“GC.Collect();”与操作EXCEL的业务写在一个程序块中,“GC”是永远不能结束EXCEL进程的,在WEB应用程序中,这种现象是很可怕的事情。原因是GC不会清理本程序块中的垃圾内存的。
4、在业务事件中调用killEXCEL()方法:
复制代码代码如下:
protected void LinkButton3_Click(object sender, EventArgs e)
{
//导出EXCEL
killExcel();
}
八、一些权限的基本设置:
使用以上方法在开发环境中调试程序没有一点问题,等发布到服务器上后,程序还是不能正常运行,需要进行如下的权限设置:
.NET导出Excel遇到的80070005错误的解决方法:
检索 COM 类工厂中 CLSID 为 {00024500-0000-0000-C000-000000000046}的组件时失败,原因是出现以下错误: 80070005基本上.net导出excel文件,都需要如此配置一下,不配置有的时候没错,而配置后基本应该不会出错。
具体配置方法如下:
① 在服务器上安装office的Excel软件.
② 在”开始”->”运行”中输入dcomcnfg.exe启动”组件服务”
③ 依次双击”组件服务”->”计算机”->”偶的电脑”->”DCOM配置”
④ 在”DCOM配置”中找到”Microsoft Excel 应用程序”,在它上面点击右键,然后点击”属性”,弹出”Microsoft Excel 应用程序属性”对话框
⑤ 点击”标识”标签,选择”交互式用户”
⑥ 点击”安全”标签,在”启动和激活权限”上点击”自定义”,然后点击对应的”编辑”按钮,在弹出的”安全性”对话框中填加一个”NETWORK SERVICE”用户(注意要选择本计算机名),并给它赋予”本地启动”和”本地激活”权限.
⑦ 依然是”安全”标签,在”访问权限”上点击”自定义”,然后点击”编辑”,在弹出的”安全性”对话框中也填加一个”NETWORK SERVICE”用户,然后赋予”本地访问”权限.
⑧ 如果交互式用户设置后出现错误8000401a,可取消交互式用户,指定为administratr,可暂时解决此问题。进一步的解决方式还有待探讨。
⑨ 采用第8点的设置后,打开Excel可能会出现“无法使用对象引用或链接”,并且不能进行单元格粘贴。原因不明,取消设置后。