精华内容
下载资源
问答
  • 小说网页设计

    2012-12-17 14:19:02
    制作小说网页,利用dreamweaver和flash制作小说网页
  • 小说网页设计

    2011-12-02 10:18:39
    一个简单的小说网站网页设计 使用div结构和css样式表
  • 银翼杀手2049电影静态网页作业设计了5个页面,采用DIV CSS布局制作,网页作品中的内容来源于百科,包括:网站首页、剧情简介、角色介绍、幕后制作、原著小说网页设计整体宽度为1200PX,页面都使用CSS设置了网页...

    知识点应用

    DIV CSS布局、网页背景图片、网页背景音乐、图片列表、字体样式

    作品介绍

    银翼杀手2049电影静态网页作业设计了5个页面,采用DIV CSS布局制作,网页作品中的内容来源于百科,包括:网站首页、剧情简介、角色介绍、幕后制作、原著小说。
    网页设计整体宽度为1200PX,页面都使用CSS设置了网页背景图片,首页插入了背景音乐(可点击播放或暂停)导航部分使用CSS制作了鼠标经过变色。作品完整界面漂亮,但并不难,属于学生基础水平简单网页制作作品。

    网页成品效果预览

    银翼杀手2049电影网页设计模板

    HTML代码预览

    导航代码

    		<div class="nav">
    		<ul>
    		<a href=""><li>网站首页</li></a>
    		<a href=""><li>剧情简介</li></a>
    		<a href=""><li>角色介绍</li></a>
    		<a href=""><li>幕后制作</li></a>
    		<a href=""><li>原著小说</li></a>
    		</ul>
    		</div>
    

    图片列表代码

    <div class="list">
    		 <ul >
    		 <li><img src="images/img003.jpg" /></li>
    		 <li><img src="images/img004.jpg" /></li>
    		 <li><img src="images/img005.jpg" /></li>
    		 <li><img src="images/img006.jpg" /></li>
    		 <li><img src="images/img007.jpg" /></li>
    		 <li style="margin-right:0px;"><img src="images/img008.jpg" /></li>
    		 </ul>
       </div>
    

    作品源地址

    stu-works.com/html/dianying/330.html

    展开全文
  • 一个企业网站UI效果设计图,原创设计
  • 刀剑神域动漫网页设计知识点介绍网页制作说明网页代码演示导航代码正文代码网页效果预览成品地址 知识点介绍 使用dreamweaver制作采用table表格布局、网页背景颜色、底部版权区域 网页制作说明 本学生网页设计作业...

    知识点介绍

    使用dreamweaver制作采用table表格布局、网页背景颜色、底部版权区域

    网页制作说明

    本学生网页设计作业作品使用dreamweaver采用表格table布局制作,网页设计成品共6页,大小为5.3M,题材为刀剑神域动漫。
    整体页面宽度为1200PX,页面精美,但技术简单,经典上中下结构,制作了底部版权区。

    网页代码演示

    导航代码

    <table width="1200" border="0" cellspacing="0" id="menu" >
      <tr valign="top">
        <td><a href="">网站首页</a></td>
        <td><a href="">作品背景</a></td>
        <td><a href="">故事介绍</a></td>
        <td><a href="">登场角色</a></td>
        <td><a href="">关联作品</a></td>
    	<td><a href="">精美图册</a></td>
      </tr>
    </table>
    

    正文代码

    <table width="1200" border="0" id="zheng">
      <tr>
        <td width="330" rowspan="2"><img src="images/sy.jpg" width="314"/></td>
        <td height="60"><p>刀剑神域是由川原砾著作,abec负责插画,电击文库所属的轻小说,也是作者继《加速世界》后又一文库化的作品。繁体中文版由台湾角川发行,简体中文版由天闻角川发行,并授权爱奇艺轻小说、SF轻小说、咪咕阅读在其平台上发布电子版。</p></td>
      </tr>
      <tr>
        <td><table width="840" border="0" id="jj">
      <tr>
        <td width="100">中文名</td>
        <td width="300">刀剑神域</td>
        <td width="100">原版名称</td>
        <td>ソードアート・オンライン</td>
      </tr>
      <tr>
        <td width="100">出版社</td>
        <td width="300">ASCII Media Works</td>
        <td width="100">所属文库</td>
        <td>电击文库</td>
      </tr>
      <tr>
        <td width="100">出版期间</td>
        <td width="300">2009年04月10日—未完结</td>
        <td width="100">刊行册数</td>
        <td>22卷(未完结)</td>
      </tr>
      <tr>
        <td width="100">作    者</td>
        <td width="300">川原砾</td>
        <td width="100">插    画</td>
        <td>abec</td>
      </tr>
      <tr>
        <td width="100">译    者</td>
        <td colspan="4">周庭旭(第1卷+3-18卷)(中国台湾)、林星宇(第2卷)(中国台湾)、幽远(10-20卷)(中国大陆)、陈定刚(第21卷)(中国大陆)</td>
      </tr>
    </table>
    </td>
      </tr>
    </table>
    

    网页效果预览

    动漫网页设计制作

    成品地址

    stu-works.com/html/dongman/209.html

    展开全文
  • 在线小说网站设计与实现(附源码)

    万次阅读 多人点赞 2016-12-31 15:57:42
    最近在做一个课程设计,在线小说网站设计,以下是课题要求,需要项目练手的童鞋可以试试身手。 由于最近新学了JavaEE,所以采用了jsp+servlet来写,前端部分用了少量的js和jQuery处理,数据库用了MySQL,开...

    推荐一个专注于Java的小众技术社区:Java知音

    同时,扫码关注后端技术精选,回复“学习资料”,领取100套小程序源码+小程序开发视频和基本Java经典书籍电子版

    最近在做一个课程设计,在线小说网站的设计,以下是课题要求,需要项目练手的童鞋可以试试身手。

    由于最近新学了JavaEE,所以采用了jsp+servlet来写,前端部分用了少量的js和jQuery处理,数据库用了MySQL,开发平台是myeclipse。

    发布文章时直接插入数据库会没有分段,这里的解决办法是引入第三方工具wangEditor(wangEditor 是一款基于javascript和css开发的html富文本编辑器,开源免费。产品第一版发布于2014年11月。关于该编辑器:http://www.kancloud.cn/wangfupeng/wangeditor2/113961)

    首先数据库的设计结构:

     

    /*
    Navicat MySQL Data Transfer
    
    Source Server         : blog
    Source Server Version : 50528
    Source Host           : localhost:3306
    Source Database       : novel
    
    Target Server Type    : MYSQL
    Target Server Version : 50528
    File Encoding         : 65001
    
    Date: 2016-12-31 16:04:07
    */
    
    SET FOREIGN_KEY_CHECKS=0;
    
    -- ----------------------------
    -- Table structure for admin
    -- ----------------------------
    DROP TABLE IF EXISTS `admin`;
    CREATE TABLE `admin` (
      `id` int(11) NOT NULL AUTO_INCREMENT,
      `adminName` varchar(255) NOT NULL,
      `adminPassword` varchar(255) NOT NULL,
      PRIMARY KEY (`id`)
    ) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8;
    
    -- ----------------------------
    -- Table structure for author
    -- ----------------------------
    DROP TABLE IF EXISTS `author`;
    CREATE TABLE `author` (
      `id` int(11) NOT NULL AUTO_INCREMENT,
      `authorName` varchar(255) NOT NULL,
      `authorPassword` varchar(255) NOT NULL,
      `authorEmail` varchar(255) DEFAULT NULL,
      PRIMARY KEY (`id`)
    ) ENGINE=InnoDB AUTO_INCREMENT=22 DEFAULT CHARSET=utf8;
    
    -- ----------------------------
    -- Table structure for comment
    -- ----------------------------
    DROP TABLE IF EXISTS `comment`;
    CREATE TABLE `comment` (
      `id` int(11) NOT NULL AUTO_INCREMENT,
      `context` text,
      `createdTime` datetime DEFAULT NULL,
      `readerName` varchar(255) DEFAULT NULL,
      `novelId` int(11) DEFAULT NULL,
      PRIMARY KEY (`id`)
    ) ENGINE=InnoDB AUTO_INCREMENT=67 DEFAULT CHARSET=utf8;
    
    -- ----------------------------
    -- Table structure for genre
    -- ----------------------------
    DROP TABLE IF EXISTS `genre`;
    CREATE TABLE `genre` (
      `id` int(11) NOT NULL AUTO_INCREMENT,
      `name` varchar(255) DEFAULT NULL,
      `sort` int(11) DEFAULT NULL,
      PRIMARY KEY (`id`)
    ) ENGINE=InnoDB AUTO_INCREMENT=14 DEFAULT CHARSET=utf8;
    
    -- ----------------------------
    -- Table structure for novel
    -- ----------------------------
    DROP TABLE IF EXISTS `novel`;
    CREATE TABLE `novel` (
      `id` int(11) NOT NULL AUTO_INCREMENT,
      `title` varchar(255) NOT NULL,
      `context` text NOT NULL,
      `createdTime` datetime DEFAULT NULL,
      `genreId` int(11) DEFAULT NULL,
      `voteNumber` int(11) NOT NULL,
      PRIMARY KEY (`id`)
    ) ENGINE=InnoDB AUTO_INCREMENT=160 DEFAULT CHARSET=utf8;
    
    -- ----------------------------
    -- Table structure for reader
    -- ----------------------------
    DROP TABLE IF EXISTS `reader`;
    CREATE TABLE `reader` (
      `id` int(11) NOT NULL AUTO_INCREMENT,
      `readerName` varchar(255) NOT NULL,
      `readerPassword` varchar(255) NOT NULL,
      `readerEmail` varchar(255) DEFAULT NULL,
      PRIMARY KEY (`id`)
    ) ENGINE=InnoDB AUTO_INCREMENT=22 DEFAULT CHARSET=utf8;
    


    项目的大致结构如图:

     

    由于功能有点多,这里先介绍后台的实现,管理后台和前台互不交涉。

    登录界面

     

    后台主页:

    1,小说管理

    2,作者管理:

    3,增加分类

    后台其他导航页面基本雷同,这里不做一一介绍。

    后台管理员登录处理代码:

     

    public class Admin {
    	Conn conn=new Conn();
    	/**
    	 * 判断登陆用户是否合法
    	 * @param adminName
    	 * @param adminPassword
    	 * @return
    	 * @throws SQLException
    	 */
    	public boolean isExist(String adminName,String adminPassword)throws SQLException{
    		boolean result=false;
    		AdminInfo ainfo=new AdminInfo();
    		String sql="select * from admin a where adminName='"+adminName+"'and adminPassword='"+adminPassword+"'";
    		System.out.println(sql);
    		ResultSet rs=conn.executeQuery(sql);
    		if(rs.next()){
    			ainfo.setAdminName(rs.getString("adminName"));
    			ainfo.setAdminPassword(rs.getString("adminPassword"));
    			result=true;
    		}
    		conn.close();
    		return result;
    	}
    }
    


    小说展示,管理,增加,删除,更新的代码处理:

     

     

    public class Novel {
    	Conn conn=new Conn();
    	/**
    	 * 获取小说列表
    	 * @param keyword
    	 * @return
    	 * @throws SQLException
    	 */
    	
    	public List<NovelInfo>getList(String keyword)throws SQLException{
    		List<NovelInfo> list=new ArrayList<NovelInfo>();
    
    		String sql="select n.*,g.name as genreName from novel n left join genre g on n.genreId=g.id";
    		if(DataValidator.isNullOrEmpty(keyword)){
    			sql=sql+ " order by id desc";
    		}else{
    			sql=sql+" where n.title like '%"+keyword+"%' order by id desc";
    		}
    		ResultSet rs=conn.executeQuery(sql);
    		while(rs.next()){
    			NovelInfo ninfo=new NovelInfo();
    			ninfo.setId(rs.getInt("Id"));
    			ninfo.setTitle(rs.getString("Title"));
    			ninfo.setContext(rs.getString("Context"));
    			ninfo.setCreatedTime(rs.getDate("CreatedTime"));
    			ninfo.setGenreId(rs.getInt("GenreId"));
    			ninfo.setGenreName(rs.getString("genreName"));
    			ninfo.setVoteNumber(rs.getInt("voteNumber"));
    			list.add(ninfo);
    		}
    		conn.close();
    		return list;
    	}
    	/**
    	 * 获取某分类下的小说列表
    	 * @param classId
    	 * @return
    	 * @throws SQLException
    	 */
    	public List<NovelInfo> getListBygenreId(int genreId) throws SQLException{
    		List<NovelInfo> list=new ArrayList<NovelInfo>();
    		String sql="select n.*,g.name as genreName from novel n left join genre g on n.genreId=g.id"
    				+ " where n.genreId="+genreId+" order by id desc";
    		ResultSet rs=conn.executeQuery(sql);
    		while(rs.next()){
    			NovelInfo info=new NovelInfo();
    			info.setId(rs.getInt("Id"));
    			info.setTitle(rs.getString("Title"));
    			info.setContext(rs.getString("Context"));
    			info.setCreatedTime(rs.getDate("CreatedTime"));
    			info.setGenreId(rs.getInt("GenreId"));
    			info.setGenreName(rs.getString("genreName"));
    			info.setVoteNumber(rs.getInt("voteNumber"));
    			list.add(info);
    		}
    		conn.close();
    		return list;
    	}
    	/**
    	 * 根据ID获取小说
    	 * @param id
    	 * @return
    	 * @throws SQLException
    	 */
    	public NovelInfo getNovelInfo(int id) throws SQLException{
    		NovelInfo info=new NovelInfo();
    		String sql="select n.*,g.name as genreName from novel n left join genre g on n.genreId=g.id where n.id="+id+"";
    		ResultSet rs=conn.executeQuery(sql);
    		while(rs.next()){
    			info.setId(rs.getInt("Id"));
    			info.setTitle(rs.getString("Title"));
    			info.setContext(rs.getString("Context"));
    			info.setCreatedTime(rs.getDate("CreatedTime"));
    			info.setGenreId(rs.getInt("GenreId"));
    			info.setGenreName(rs.getString("genreName"));
    			info.setVoteNumber(rs.getInt("voteNumber"));
    		}
    		conn.close();
    		return info;
    	}
    	/**
    	 * 写入新小说
    	 * 
    	 * @param info
    	 * @return
    	 */
    	public int insert(NovelInfo info){
    		String sql="insert into novel(title,conText,createdTime,genreId,voteNumber)values";
    		sql=sql+"('"+info.getTitle()+"','"+info.getContext()+"',now(),'"+info.getGenreId()+"',"+info.getVoteNumber()+")";
    		int result=0;
    		System.out.println(sql);
    		result=conn.executeUpdate(sql);
    		conn.close();
    		return result;
    	}
    
    	/**
    	 *更新小说
    	 * @param info
    	 * @return
    	 */
    	public int update(NovelInfo info){
    		String sql="update novel set "+" Title='"+info.getTitle()+"',Context='"+info.getContext()+"',"
    				+ "genreId='"+info.getGenreId()+"'where id="+info.getId()+"";
    		int result=0;
    		System.out.println(sql);
    		result=conn.executeUpdate(sql);
    		conn.close();
    		return result;
    	}
    	/**
    	 * 删除小说
    	 * @param id
    	 * @return
    	 */
    	
    	public int delete(int id){
    		String sql="delete from novel where id="+id+"";
    		int result=0;
    		result=conn.executeUpdate(sql);
    		conn.close();
    		return result;
    	}
    	/**
    	 * 增加票数
    	 * @return
    	 */
    	public int addVote(int num){
    		
    		return 0;
    		
    	}
    }


    小说评论展示,管理,增加,删除,更新的代码处理:

     

     

     

     

    public class Comment {
    	Conn conn=new Conn();
    	/**
    	 * 获取评论列表
    	 * @return
    	 * @throws SQLException
    	 */
    	public List<CommentInfo> getList() throws SQLException{
    		List<CommentInfo> list=new ArrayList<CommentInfo>();
    		String sql="select * from comment order by id desc";
    		ResultSet rs=conn.executeQuery(sql);
    		while(rs.next()){
    			CommentInfo info=new CommentInfo();
    			info.setId(rs.getInt("Id"));
    			info.setContext(rs.getString("Context"));
    			info.setNovelId(rs.getInt("NovelId"));
    			info.setCreatedTime(rs.getDate("CreatedTime"));
    			info.setReaderName(rs.getString("ReaderName"));
    			list.add(info);
    			System.out.print(list);
    		}
    		conn.close();
    		return list;
    	}
    	/**
    	 * 
    	 * @param classId
    	 * @return
    	 * @throws SQLException
    	 */
    	public CommentInfo getCommentInfo(int id)throws SQLException{
    		CommentInfo info=new CommentInfo();
    		String sql="select * from Comment c where id="+id+"";
    		ResultSet rs=conn.executeQuery(sql);
    		while(rs.next()){
    			info.setId(rs.getInt("Id"));
    			info.setContext(rs.getString("Context"));
    			info.setNovelId(rs.getInt("NovelId"));
    			info.setCreatedTime(rs.getDate("CreatedTime"));
    			info.setReaderName(rs.getString("ReaderName"));
    		}
    		conn.close();
    		return info;
    		
    	}
    	/**
    	 *  获取某小说下的评论
    	 * @param id
    	 * @return
    	 * @throws SQLException
    	 */
    	public List<CommentInfo> getListByNovelId(int novelid) throws SQLException{
    		List<CommentInfo> list=new ArrayList<CommentInfo>();
    		String sql="select * from comment  where novelId="+novelid+" order by id desc";
    		ResultSet rs=conn.executeQuery(sql);
    		while(rs.next()){
    			CommentInfo info=new CommentInfo();
    			info.setId(rs.getInt("Id"));
    			info.setContext(rs.getString("Context"));
    			info.setNovelId(rs.getInt("NovelId"));
    			info.setCreatedTime(rs.getDate("CreatedTime"));
    			info.setReaderName(rs.getString("ReaderName"));
    			list.add(info);
    		}
    		conn.close();
    		return list;
    	}
    	/**
    	 * 插入评论
    	 * @param info
    	 * @return
    	 */
    	public int insert(CommentInfo info){
    		String sql="insert into Comment(Context,CreatedTime,readerName,novelId)values";
    		sql=sql+"('"+info.getContext()+"',now(),'"+info.getReaderName()+"',"+info.getNovelId()+")";
    		int result=0;
    		System.out.println(sql);
    		result=conn.executeUpdate(sql);
    		conn.close();
    		return result;
    	}
    	/**
    	 * 更新评论
    	 * @param info
    	 * @return
    	 */
    	public int update(CommentInfo info){
    		String sql="update Comment set "+" Context='"+info.getContext()+"',novelId='"+info.getNovelId()+"',"
    				+ "CreatedTime='"+info.getCreatedTime()+"',readerName='"+info.getReaderName()+"' where id="+info.getId()+"";
    		int result=0;
    		System.out.println(sql);
    		result=conn.executeUpdate(sql);
    		conn.close();
    		return result;
    	}
    	/**
    	 * 删除评论
    	 * @param id
    	 * @return
    	 */
    	public int delete(int id){
    		String sql="delete from Comment where id="+id+"";
    		int result=0;
    		result=conn.executeUpdate(sql);
    		System.out.println(sql);
    		conn.close();
    		return result;
    	}
    }
    

     


    小说分类展示,更新,增加,删除的代码处理:

     

     

     

     

     

     

    public class Genre {
    	Conn conn=new Conn();
    	/**
    	 * 获取分类列表
    	 * @return
    	 * @throws SQLException
    	 */
    	public List<GenreInfo> getList()throws SQLException{
    		List<GenreInfo> list=new ArrayList<GenreInfo>();
    		String sql="select * from genre order by Sort asc";
    		ResultSet rs=conn.executeQuery(sql);
    		while(rs.next()){
    			GenreInfo info=new GenreInfo();
    			info.setId(rs.getInt("Id"));
    			info.setName(rs.getString("Name"));
    			info.setSort(rs.getInt("Sort"));
    			list.add(info);
    	}
    		conn.close();
    		return list;
    	}
    	/**
    	 * 
    	 * @param id
    	 * @return
    	 * @throws SQLException
    	 */
    	public GenreInfo getGenreInfo(int id)throws SQLException{
    		GenreInfo info=new GenreInfo();
    		String sql="select * from genre g where id="+id+"";
    		ResultSet rs=conn.executeQuery(sql);
    		while(rs.next()){
    			info.setId(rs.getInt("Id"));
    			info.setName(rs.getString("Name"));
    			info.setSort(rs.getInt("Sort"));
    	}
    		conn.close();
    		return info;
    	}
    	/**
    	 * 增加分类
    	 * @param info
    	 * @return
    	 */
    	public int insert(GenreInfo info){
    		String sql="insert into genre(Name,Sort) values";
    		sql=sql+"('"+info.getName()+"','"+info.getSort()+"')";
    		int result=0;
    		result=conn.executeUpdate(sql);
    		conn.close();
    		return result;
    	}
    	/**
    	 * 更新分类
    	 * 
    	 * @param info
    	 * @return
    	 */
    	public int update(GenreInfo info){
    		String sql="update genre set "+" Name='"+info.getName()+"',Sort= '"+info.getSort()+"' where id="+info.getId()+"";
    		int result=0;
    		result=conn.executeUpdate(sql);
    		return result;
    		
    	}
    	public int delete(int id){
    		String sql="delete from genre where id="+id+"";
    		int result=0;
    		result=conn.executeUpdate(sql);
    		conn.close();
    		return result;
    	}
    	
    }
    


    前台主要页面展示:(略丑)

     

    作者发布小说界面:

    读者评论界面:

    为小说投票,投票功能的前端设计代码:

     

    function getElemensByClassName(className){  // 通过class获取
      var classArr = new Array();
      var tags = document.getElementsByTagName("*"); //获取所有节点
      for(var item in tags){ 
        if(tags[item].nodeType == 1){ 
        if(tags[item].getAttribute("class") == className){ 
          classArr.push(tags[item]); //收集class匹配的节点
        }
      }
    }
      return classArr;
    }
     
    function delete_FF(element){  // 在FireFox中删除子节点为空的元素
      var childs = element.childNodes;
      for(var i=0;i<childs.length;i++){ 
        var pattern = /\s/; //模式匹配,内容为空
        if(childs[i].nodeName == "#text" && pattern.test(childs[i].nodeValue)){  //处理
          //alert(childs[i].nodeName);
          element.removeChild(childs[i]); //删除FF中获取的空节点
        }
      }
    }
    function $(obj){return document.getElementById(obj);}
    window.onload = function(){ 
    	onload1();
    	onload2();
    };
    function onload2(){
      var persons = getElemensByClassName("person");
    //  alert(persons);
      for(var item in persons){  //遍历所有person,为它们绑定投票事件
        (function(_item){    //匿名函数传入item, 防止因作用域问题导致item总为最后一个
        delete_FF(persons[_item]); //出去FF中空行代表的子节点
        persons[_item].setAttribute("id","person"+(parseInt(_item)+1)); //赋上id
     
        var childs = persons[_item].childNodes;
        for(var i = 0;i<childs.length;i++){ 
          //alert(childs[i].nodeName);
          if(childs[i].nodeName == "BUTTON"){  //点击按钮投票
            var oButton = childs[i];
          }
          if(childs[i].nodeName == "P"){  //投票结果更新
            var oP = childs[i];
            var oSpan = oP.getElementsByTagName("span")[0];
          }
        }
        if(oButton != null){
        oButton.onclick = function(){  //事件绑定
          var num = oSpan.innerHTML; //获取票数
          oSpan.innerHTML = (++num); //票数更新
                        // 这时一般我们可能就需要把这个票数num传送给服务器保存,更新时也是和服务器中的num同步
          this.setAttribute("disabled","true"); // 一般只能投票一次的吧
          alert("投票成功,谢谢您的支持");
        };
      }
    })(item); // 传入各项person
      }
    }


    小说发布的实现细节,引入了wangEditor:

     

     

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%@page import="org.common.*" %>
    <%@page import="org.model.*" %>
    <%@page import="org.dal.*" %>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    <!-- 发布小说 -->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
        <title>小说编辑发布界面</title>
    	<script type="text/javascript" src="js/jquery-1.10.1.js"></script>
    	<link rel="stylesheet" type="text/css" href="css/edit.css">
    	<link rel="stylesheet" type="text/css" href="css/wangEditor.min.css">
    	<script type="text/javascript" src="js/wangEditor.min.js"></script>
      </head>
     
      <body>
    <% 
    	request.setCharacterEncoding("utf-8");
    	Genre cls=new Genre();
    	List<GenreInfo>list=cls.getList();
    	Novel novel=new Novel();
    	NovelInfo ninfo=new NovelInfo();
    	if("fabu".equals(request.getParameter("action")))
    {	
    	ninfo.setTitle(request.getParameter("txtTitle"));
    	ninfo.setContext(request.getParameter("content"));
    	ninfo.setGenreId(DataConverter.toInt(request.getParameter("selClass")));
    	novel.insert(ninfo);
    	out.println("<script>alert('发布成功');</script>");
    }
    %>	
    <div class="header">	
    	<h2>当前位置:小说编辑</h2>
    </div>
      <a class="wel">欢迎您:<%=Utilty.readCookie(request, "user")%></a>
      <div class="context" >
        <form id="form1" name="form1" method="post" 
        action="novel/novel-edit.jsp?action=fabu" onsubmit="return check(this)">
        	<table>
        		<tr>
        		<td>小说所属分类:</td>
        		<td>
        		<select name="selClass" id="selClass" style="width:300px;height:30px;">
        			<%
        				for(GenreInfo cinfo:list){
        			%>
        			<option value="<%=cinfo.getId() %>">
        			<%if(cinfo.getId()==ninfo.getId()) %>
        			<%=cinfo.getName() %></option>
        			<%
        				}
        			%>
        		</select>
        		</td>
        		</tr>
        		<tr>
        		<td>小  说   标   题:</td>
        		<td><input type="text" name="txtTitle" id="txtTitle" style="width:500px;height:30px"/></td>
        		</tr>
        		
        		<tr>
        			<td>小  说   内   容:</td>
        			 <td style="width:1000px;"><textarea rows="25" name="content" id="content"></textarea> </td>
        		</tr>
        		
        <tr>
    	<td colspan="2" class="inp">
    		<input class="submit" type="submit" name="button" id="button" value="提交" style="color:#FFFFFF"/>
    		<input class="submit" type="reset" name="button2" id="button2" value="重置"style="color:#FFFFFF" />
    	</td>
    	</tr>
        	</table>
        </form>
        </div>
      </body>
      	<script type="text/javascript">
        	var editor = new wangEditor('content');
        	editor.config.menus = [
    					'bold',
    					'underline',
    					'italic',
    					'strikethrough',
    					'eraser',
    					'forecolor',
    					'bgcolor',
    					'|',
    					'link',
    					'unlink',
    					'table',
    					'emotion',
    					'|',
    					'img',
    					'video',
    					'location',
        	                 ];
             
        	editor.create();
    	</script>
    </html>

      好吧,由于代码段较多,这里不能一一介绍,后续直接介绍一下这个项目开发过程中的错误细节,完善之后把源码上传到资源那里,这个项目实现起来较简单,童鞋们可以根据设计要求试试身手哦!
     

     

    源码地址:https://github.com/guodalin8/novel

     

     

     

    展开全文
  • HTML期末大作业 ~ 大学生网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业...
  • 该系统主要分餐厅网站管理员、游客、注册用户这几个角色 网站管理员 系统设置 网站设置:网站名称、关键字、描述、网站介绍 关于我们设置:设置关于我们、联系我们、加入我们、法律声明 广告和留言  ...
  • Dreamweaver CS6是现在最常用的网页设计软件之一,本文档为中专计算机专业学生使用Dreamweaver CS6软件进行网页设计教学后的期末考试试卷。
  • 中文版Dreamwear网页设计源代码,采用html+css布局,是学习网页设计不错的案例和源代码
  • 网页表单是访问者与网站拥有者主要的沟通途径。返馈总是重要的,这就是我们为什么确保网页表单容易理解和使用起来比较直观的原因,尽管如此,甚至在形式设计中它也担当创意中的有效部分。网页表单并非都是乏味的,...
  • HTML期末大作业~ 大学生体育运动网页设计模板代码 校园篮球网页作业成品 学校篮球网页制作模板 学生简单体育运动网站设计成品 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业...
  • 小说网站的源码设计实现

    万次阅读 多人点赞 2018-05-08 17:22:36
    360首页检索小说效果如下:个人完成编写的schoolnet校园网的小说模块中,包括:小说类别编号:a、校园爱情 b、动漫同人 c、校园魔法 d、轻小说 e、校园励志 f、校园修真 g、名人传记 h、古典小说 i、 国外小说小说...
  • UI网页设计制作思路

    千次阅读 2019-06-18 15:06:23
    所谓的网页设计,大家应该知道,也就是我们常在浏览器上看到的网页。先前我们学习了UI设计的平面设计,不止如此。UI设计可以分为4个设计:平面设计(GUI)、商业设计(AUI)、网页设计(WUI)、移动界面设计(MUI)...
  • web课程设计网页规划与设计 :网页设计——在线书店(12个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的...
  • java网页设计

    千次阅读 2014-10-23 21:48:02
    网页设计的概述 1,www: World Wide Web 万维网 ,是信息检索服务系统,用户主要通过网页的形式进行访问 2,URL(Uniform Resource Locator) ,统一资源定位符,是一种地址 3,HTTP(Hyper TextMarkup Language)...
  • 为了回顾关于django的文件上传和分页功能,打算写一个微型的小说网站练练手。花了一个下午的时间,写了个小项目,发现其中其实遇到了许多问题,不过大部分通过debug之后就解决了,其他部分通过阅读了Pagination插件...
  • 如何用Python爬虫爬取网页免费小说

    千次阅读 2018-12-20 17:49:15
    如何用python爬网页小说阅读网)免费小说 小说网址:https://www.readnovel.com/ 要导入requests和beautifulsoup4的包。pycharm点击File-&amp;gt;setting 点击有点的‘+’ 然后在下面框内输入自己所需的库,...
  • 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 ...
  • 一个好的网页设计,不仅仅只是产品或公司企业相关信息的机械罗列。一个好的故事(尤其是一个准确把握受众需求,巧妙结合企业产品特色,并能够轻松引起用户共鸣的故事),更能赋予网页思想和灵魂,让用户不由自主停留...
  • 网页UI设计思想

    2019-07-06 22:33:21
    一个不懂得欣赏优秀网页作品... 设计源于灵感,灵感源于借鉴——这是每个网页设计师都应该牢记的“成功法则”。 一、用“原型法”细化网站设计需求 用DW在最短的时间内搭出一个可以浏览、跳转的网站,然后与客户...
  • 仿360小说网站的源码设计实现

    千次阅读 多人点赞 2016-10-30 16:00:18
    360首页检索小说效果如下: 个人完成编写的schoolnet校园网主页如下 在小说模块中,包括:小说类别编号:a、校园爱情 b、动漫同人 c、校园魔法 d、轻小说 e、校园励志 f、校园修真 g、名人传记 h、古典...
  • 机动战士高达静态网页制作应用知识点作品介绍首页部分代码页面最终效果网页源地址 应用知识点 DIV CSS布局、网页背景图、JS图片轮播、在线视频 作品介绍 机动战士高达动漫网页使用DIV CSS布局制作,作品为单页1个...
  • HTML网页设计:四、超链接

    千次阅读 多人点赞 2021-03-21 13:19:05
    HTML系列文章目录 HTML网页设计:一、HTML的基本结构 HTML网页设计:二、网页的基本标签 HTML网页设计:三、图像标签之标签 HTML网页设计:四、超链接 HTML网页设计:五、行内元素和块元素 HTML网页设计:六、列表 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,959
精华内容 2,783
关键字:

网页设计小说网站