border邊框拆分,web前端怎么入門學習?
新手學習Web前端的話,一定要想想為什么要學習它,是出于一種什么心態,然后定位好自己,多向大牛請教,多教一些沒有自己水平高的人,那樣往往能讓自己成長的快,切勿急躁。在這里千鋒武漢Web前端培訓小編建議大家一定要對自己做分析,然后找出一種適合的學習方法。那么,初學者應該如何學習Web前端技術呢?下面來給大家具體說一說。
Web前端的學習誤區:網頁制作是計算機專業同學在大學期間都會接觸到的一門課程,而學習網頁制作所用的第一個集成開發環境(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可能會出現“無法使用對象引用或鏈接”,并且不能進行單元格粘貼。原因不明,取消設置后。