淘寶網(wǎng)站怎么做適配seo專員的工作內(nèi)容
摘? 要
在系統(tǒng)設(shè)計(jì)上,綜合各種翻譯類型網(wǎng)站優(yōu)缺點(diǎn),設(shè)計(jì)出具有任何使用者都可添加術(shù)語(yǔ)信息的且只有管理員能夠?qū)崿F(xiàn)術(shù)語(yǔ)修改及刪除等獨(dú)特方式的術(shù)語(yǔ)查看管理系統(tǒng)。此方式能夠使術(shù)語(yǔ)量快速增大,并且便于使用者及管理員操作,滿足相互之間不斷增長(zhǎng)的需求,即使用者增加術(shù)語(yǔ)量,管理員管理以實(shí)現(xiàn)數(shù)據(jù)信息的合理管理及利用。在查看方式上,使用術(shù)語(yǔ)的第一個(gè)漢字的中文拼音首字母為索引,并分頁(yè)顯示,用戶能夠非常方便地找到所需術(shù)語(yǔ)名及對(duì)應(yīng)的英、日文翻譯。此外,系統(tǒng)還提供術(shù)語(yǔ)搜索,更加方便用戶查詢。管理方式和按首字母分頁(yè)顯示及搜索的查看方式為系統(tǒng)第二個(gè)特點(diǎn)。其次,應(yīng)用Cascading style Sheets(簡(jiǎn)稱CSS,層疊樣式表)外部鏈接方式,界面(UI)較為精致。系統(tǒng)應(yīng)用CSS自定義樣式并在首頁(yè)應(yīng)用透明FLASH,具有操作簡(jiǎn)便、界面友好等特性。
關(guān)鍵詞:計(jì)算機(jī)應(yīng)用技術(shù);ASP.net 2005;證券術(shù)語(yǔ);解釋及翻譯;術(shù)語(yǔ)管理
3.1? 系統(tǒng)功能結(jié)構(gòu)設(shè)計(jì)
在系統(tǒng)需求分析的基礎(chǔ)上,結(jié)合系統(tǒng)設(shè)計(jì)的目標(biāo),可將系統(tǒng)劃分為4個(gè)功能模塊:
- 首頁(yè):術(shù)語(yǔ)添加
- 術(shù)語(yǔ)一覽:默認(rèn)術(shù)語(yǔ)按ID順序分頁(yè)顯示;頁(yè)面上方點(diǎn)擊術(shù)語(yǔ)中文拼音首字母可按首字母檢索分頁(yè)查看;頁(yè)面中間提供輸入術(shù)語(yǔ)名搜索方式查看術(shù)語(yǔ)。
- 術(shù)語(yǔ)管理:主要包括管理員登陸模塊,對(duì)術(shù)語(yǔ)進(jìn)行修改和刪除操作。
- 其它模塊:提供相關(guān)業(yè)務(wù)的服務(wù),如資料下載等。
3.2? 開發(fā)設(shè)計(jì)思想
系統(tǒng)開發(fā)設(shè)計(jì)思想有以下3點(diǎn):
- 系統(tǒng)采用B/S結(jié)構(gòu),選用ASP.NET2005和SQL2000作為開發(fā)工具及開發(fā)環(huán)境進(jìn)行系統(tǒng)的設(shè)計(jì)與開發(fā)。系統(tǒng)提供術(shù)語(yǔ)應(yīng)準(zhǔn)確全面,符合證券翻譯及解釋系統(tǒng)用戶需求,并達(dá)到操作過(guò)程中的直觀、方便、實(shí)用等要求。
- 系統(tǒng)采用模塊化程序設(shè)計(jì)方法,既便于系統(tǒng)功能的各種組合和修改,又便于日后的補(bǔ)充和維護(hù)。
- 系統(tǒng)應(yīng)具備數(shù)據(jù)庫(kù)維護(hù)功能,及時(shí)根據(jù)用戶需求進(jìn)行術(shù)語(yǔ)的添加、刪除、修改等操作。
5.1? 公用模塊及代碼
- 定義數(shù)據(jù)庫(kù)公用操作方法類DbHelperSQL,用以連接數(shù)據(jù)庫(kù),執(zhí)行sql語(yǔ)句等數(shù)據(jù)庫(kù)操作。
- 定義公共類Glossary,完成添加,修改,刪除等操作。
- 定義公共驗(yàn)證類PageValidate。
5.2? 首頁(yè)界面及功能代碼
首頁(yè)為系統(tǒng)門戶,是使用者對(duì)系統(tǒng)的第一印象,故需精心設(shè)計(jì)。根據(jù)對(duì)系統(tǒng)用戶群的分析,設(shè)計(jì)出如下所示的首頁(yè)界面如下圖5所示:
圖5 首頁(yè)
首頁(yè)中用戶有點(diǎn)擊添加術(shù)語(yǔ)信息的功能,中間運(yùn)用透明FLASH代碼將所制作的圖片放為背景圖,在代碼中加入如下代碼,將FLASH變?yōu)橥该鳌?/p>
<param name="wmode" value="transparent" />
添加功能模塊具有添加術(shù)語(yǔ)五項(xiàng)信息功能,在Glossary.cs中編寫如下代碼實(shí)現(xiàn)添加功能:
?????? /// 增加一條數(shù)據(jù)
?????? public int Add()
?????? {
??????????
?????????? StringBuilder strSql=new StringBuilder();
?????????? strSql.Append("insert into Glossary(");
?????? strSql.Append("cGlossaryName,cChineseSpell,cGlossaryEnglish,cGlossaryJapan,cGlossaryInterpret)");
?????????? strSql.Append(" values (");
?????? strSql.Append("@cGlossaryName,@cChineseSpell,@cGlossaryEnglish,@cGlossaryJapan,@cGlossaryInterpret)");
?????????? SqlParameter[] parameters = {
?????????????????
????????????????? new SqlParameter("@cGlossaryName", SqlDbType.NVarChar),
????????????????? new SqlParameter("@cChineseSpell", SqlDbType.NVarChar),
????????????????? new SqlParameter("@cGlossaryEnglish", SqlDbType.NVarChar),
????????????????? new SqlParameter("@cGlossaryJapan", SqlDbType.NVarChar),
????????????????? new SqlParameter("@cGlossaryInterpret", SqlDbType.NVarChar)};
??????????
?????????? parameters[0].Value = cGlossaryName;
?????????? parameters[1].Value = cChineseSpell;
?????????? parameters[2].Value = cGlossaryEnglish;
?????????? parameters[3].Value = cGlossaryJapan;
?????????? parameters[4].Value = cGlossaryInterpret;
?????????? DbHelperSQL.ExecuteSql(strSql.ToString(),parameters);
?????????? return ID;
?????? }
Append方法將sql語(yǔ)句連接起來(lái),整個(gè)的語(yǔ)句為
Insert into? Glossary
(cGlossaryName,cChineseSpell,cGlossaryEnglish,cGlossaryJapan,cGlossaryInterpret)
Values (@cGlossaryName,@cChineseSpell,@cGlossaryEnglish,@cGlossaryJapan,@cGlossaryInterpret)
定義一個(gè)new SqlParameter,執(zhí)行數(shù)據(jù)庫(kù)公用方法DbHelperSQL.cs中定義的ExecuteSql完成與數(shù)據(jù)庫(kù)連接,并執(zhí)行SqlCommand語(yǔ)句,返回ID。
在ADD.cs中,代碼如下
Glossary g = new Glossary();
??????? g.cGlossaryName = PageValidate.Encode(this.txtName.Text);
??????? g.cChineseSpell = PageValidate.Encode(this.txtChineseSpell.Text);
??????? g.cGlossaryEnglish = PageValidate.Encode(this.txtEnglish.Text);
??????? g.cGlossaryJapan = PageValidate.Encode(this.txtJapanese.Text);
??????? g.cGlossaryInterpret = PageValidate.Encode(this.txtInterPret.Text);
??????? g.Add();
??????? Response.Write("<script>alert('添加成功');</script>");
將所要添加的術(shù)語(yǔ)信息通過(guò)PageValidate.Encode方法增加到數(shù)據(jù)庫(kù)中,完成添加功能。
5.3? 術(shù)語(yǔ)一覽界面和主要代碼
術(shù)語(yǔ)一覽界面如下圖6所示:
圖6? 術(shù)語(yǔ)一覽
- 系統(tǒng)默認(rèn)為按術(shù)語(yǔ)ID分頁(yè)顯示。
- 利用cChineseSpell字段,中文拼音首字母為S的演示結(jié)果如下圖7所示:
圖7 ?以S為索引分頁(yè)顯示
點(diǎn)擊索引S,畫面上出現(xiàn)以S為拼音開頭的所有術(shù)語(yǔ),分頁(yè)顯示,很容易找到所需術(shù)語(yǔ)名。
按術(shù)語(yǔ)中文拼音首字母檢索瀏覽方式代碼如下:
頁(yè)面ViewAll.aspx中代碼如下:
<td><a href="ViewAll.aspx?spell=A" class="fontview">A</a></td>
后臺(tái)ViewAll.aspx.cs中代碼:
if (Request["spell"] != null)
??????? {
??????????? this.gvGlossary.DataSource = g.GetList(" cChineseSpell like '" + Request["spell"].ToString() + "%' order by ID asc");
??????????? this.gvGlossary.DataBind();
??????????? return;
??????? }
??????? this.gvGlossary.DataSource = g.GetList(" 1=1 order by ID asc");
??????? this.gvGlossary.DataBind();
利用Request["spell"]與cChineseSpell比較,以ID的升序排列來(lái)檢索分頁(yè)顯示。
- 搜索功能的實(shí)現(xiàn)代碼如下:
if (Request["search"] != null)
??????? {
??????????? this.gvGlossary.DataSource = g.GetList(" cGlossaryName like '"+Request["search"].ToString()+"%' order by ID asc");
??????????? this.gvGlossary.DataBind();
??????????? return;
??????? }
以所輸入的術(shù)語(yǔ)名與數(shù)據(jù)庫(kù)中cGlossaryName比較,得出搜索結(jié)果。
5.4? 管理模塊
管理模塊中首先為管理員登陸、管理員用戶驗(yàn)證。輸入用戶名或密碼為空時(shí)再label中顯示紅色提示語(yǔ):“用戶名和密碼不能為空!”;當(dāng)輸入有誤時(shí)在label中顯示提示語(yǔ)“您輸入的用戶名或密碼有誤!請(qǐng)重新輸入。”;清除按鈕將賬號(hào)和密碼都清空,如下圖8,圖9所示:
圖8 用戶驗(yàn)證(1)
圖9 ?用戶驗(yàn)證(2)
當(dāng)確定為系統(tǒng)管理員后頁(yè)面將登錄到術(shù)語(yǔ)管理模塊,主要有管理員查看、修改和刪除操作。界面如下圖10所示:
圖10? 管理模塊
查看操作與術(shù)語(yǔ)瀏覽操作相似,不再贅述。
修改頁(yè)面如下圖11所示:
圖11? 修改
點(diǎn)擊修改成功時(shí)彈出“修改成功”提示語(yǔ)。
在Glossary.cs中代碼如下:
public void Update(int id)
?????? {
?????????? StringBuilder strSql=new StringBuilder();
??????????? strSql.Append("update Glossary set ");
?????????? strSql.Append("cGlossaryName=@cGlossaryName,");
??????????? strSql.Append("cChineseSpell=@cChineseSpell,");
??? ?????? strSql.Append("cGlossaryEnglish=@cGlossaryEnglish,");
???? ????? strSql.Append("cGlossaryJapan=@cGlossaryJapan,");
???????? ? strSql.Append("cGlossaryInterpret=@cGlossaryInterpret");
?????????? strSql.Append(" where ID=@ID" );
??????????? SqlParameter[] parameters = {
??????????????????? new SqlParameter("@ID",SqlDbType.Int),
????????????????? new SqlParameter("@cGlossaryName", SqlDbType.NVarChar),
????????????????? new SqlParameter("@cChineseSpell", SqlDbType.NVarChar),
????????????????? new SqlParameter("@cGlossaryEnglish", SqlDbType.NVarChar),
????????????????? new SqlParameter("@cGlossaryJapan", SqlDbType.NVarChar),
????????????????? new SqlParameter("@cGlossaryInterpret", SqlDbType.NVarChar)};
???????????????????
??????????? parameters[0].Value = id;
??????????? parameters[1].Value = cGlossaryName;
?????????? parameters[2].Value = cChineseSpell;
?????????? parameters[3].Value = cGlossaryEnglish;
?????????? parameters[4].Value = cGlossaryJapan;
?????????? parameters[5].Value = cGlossaryInterpret;
????????
?????????? DbHelperSQL.ExecuteSql(strSql.ToString(),parameters);
?????? }
在修改頁(yè)面Update.aspx.cs中代碼如下
protected void Page_Load(object sender, EventArgs e)
??? {
??????? if (!IsPostBack)
??????? {
??????????? if (Request["id"] != null)
??????????? {
??????????????? Glossary g = new Glossary();
??????????????? g.GetModel(int.Parse(Request["id"]));
??????????????? this.txtName.Text = PageValidate.Decode(g.cGlossaryName);
??????????????? this.txtChineseSpell.Text = PageValidate.Decode(g.cChineseSpell);
??????????????? this.txtEnglish.Text = PageValidate.Decode(g.cGlossaryEnglish);
??????????????? this.txtInterPret.Text = PageValidate.Decode(g.cGlossaryInterpret);
??????????????? this.txtJapanese.Text = PageValidate.Decode(g.cGlossaryJapan);
??????????? }
??????? }
??? }
??? protected void btnSubmit_Click(object sender, EventArgs e)
??? {
??????? if (Request["id"] != null)
??????? {
??????????? Glossary g = new Glossary();
??????????? g.GetModel(int.Parse(Request["id"]));
??????????? g.cGlossaryName = PageValidate.Encode(this.txtName.Text);
??????????? g.cChineseSpell = PageValidate.Encode(this.txtChineseSpell.Text);
??????????? g.cGlossaryEnglish = PageValidate.Encode(this.txtEnglish.Text);
??????????? g.cGlossaryJapan = PageValidate.Encode(this.txtJapanese.Text);
??????????? g.cGlossaryInterpret = PageValidate.Encode(this.txtInterPret.Text);
??????????? g.Update(int.Parse(Request["id"]));
??????????? Response.Write("<script>alert('修改成功');</script>");
???????????
??????? }
??? }
在PageLoad時(shí)用PageValidate.Decode方法獲得數(shù)據(jù)庫(kù)中原有數(shù)據(jù)項(xiàng),然后修改后用PageValidate.Encode方法將修改后的數(shù)據(jù)項(xiàng)傳到數(shù)據(jù)庫(kù)中。此處注意必須將Update方法帶上參數(shù)int id,然后才能修改數(shù)據(jù)庫(kù)中數(shù)據(jù)項(xiàng)。
刪除操作,在Glossary.cs中定義如下代碼:
public void Delete(int ID)
?????? {
?????????? StringBuilder strSql=new StringBuilder();
?????????? strSql.Append("delete from Glossary ");
?????????? strSql.Append("where ID=@ID" );
?????????? SqlParameter[] parameters = {
????????????????? new SqlParameter("@ID", SqlDbType.Int,4)???????? ?????? };
?????????? parameters[0].Value = ID;
?????????? DbHelperSQL.ExecuteSql(strSql.ToString(),parameters);
?????? }
在Manage.aspx.cs中編寫刪除代碼如下:
Glossary g = new Glossary();
g.Delete(int.Parse(this.gvGlossary.DataKeys[e.RowIndex].Value.ToString()));
Response.Write("<script>alert('刪除成功');</script>");
bindALL();
點(diǎn)擊刪除時(shí)出現(xiàn)確認(rèn)是否要?jiǎng)h除,刪除成功后顯示刪除成功提示語(yǔ)。